JavaScript模块化方式

模块化方式

• commonJS方式

很早的方式，nodeJS一直使用的

// main.js
const X = require('./tool')  // 获得module.exports的对象
console.log(X.add(1,1))  // 2

// tool.js
function add(){
    return a + b;
}
function sub(){
    return a - b;
}
module.exports = { // 暴露出tool.js模块 语法糖写法module.exports = {add,sub}
    add:add,
    sub:sub
}

简单来说,require和module.exports搭配使用,exports是module.exports的引用

• ES6方式

import和export搭配使用

// main.js
import {add,sub} from './tool'
console.log(add(1,2))

// tool.js
function add(a,b){
    return a + b;
}
function sub(a,b){
    return a - b;
}
export {add,sub}