export,export default和exports, module.exports的區別

require：node和es6都支持的導入

export，export default/import：只有es才支持的導入和導出

module.exports/exports: 只有node支持的導出

export 和 export default

• export，import能夠有多個，export default只能夠有一個
• 經過export方法導出，導入時須要加{},export default不須要
• export 能直接導出變量表達式，export default不能夠
• export default 的導出在導入時能夠自定義導入的變量名
• export，export default 均可以導出變量，函數，對象

1.export的用法

a.js
export const a = 100;

export const func = function() { console.log(func) };

const b = 200;
const func2 = function() {console.log(func2)}

export {b, func2} //經過export方法導出，導入時須要加{}
複製代碼

2.export default 的用法

b.js
錯誤：
export default const a = 11 

//default是一種特殊的系統變量，export default的含義是把此命令後面的變量賦值給default這個特殊的系統變量，並把它導出到其餘模塊中使用。

正確：
cons a = 11

export default a

複製代碼

3.import 的用法

1. import {a, b} from './a.js'

2. import * as aModule from './a.js'

3. import bb from './b.js' //這裏的bb能夠是任意的本身定義的變量名

複製代碼

exports 和 module.exports

nodejs執行一個文件時，會生成export和module.exports兩個對象

exports = module.exports = {}

require 導入的是module.exports指向的模塊的內容