[JavaScript知识库] ES5 和ES6的模块化写法

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> ES5 和ES6的模块化写法 -> 正文阅读

[JavaScript知识库]ES5 和ES6的模块化写法

ES5模块化语法

被调用模块js：001.js

/*模块化操作*/
const sum =function (a,b) {
    return parseInt(a)+parseInt(b);
}
const subTract =function (a,b){
    return parseInt(a)-parseInt(b)
}
/*设置被其他js调用的js方法*/
module.exports ={
    sum,
    subTract
}

调用模块js，ES5语法 002.js

//引入需要被引入的模块
const m =require('./001')
console.log(m.sum(8,9))
console.log(m.subTract(9,3))

ES6模块化语法

被调用模块js

/*es6的模块化选择*/
export function getList() {
    console.log("获取数据列表")
}

export function save() {
    console.log("保存数据")
}

调用模块js

import {getList,save} from './001'  //001.js  此处可以省略
getList();
save();

es6语法的第二种写法

被调用方js
export default {
    getList(){
        console.log("getList.........")
    },
    save(){
        console.log("save 测试保存es6语法。。。。。。")
    }
}

调用方js

import m from './001'   //m抽象为了一个对象，001 表示被调用方js的名称

//调用js
m.getList();
m.save();