关于javascript: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}