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();

今天的文章ES5 和ES6的模块化写法分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。