关于javascript:JS模块化方式

模块化形式

• 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}