es6模塊使用
?文件名為?foo.js,暴露至外部的五種方式:
1、export?function foo(){? ? ? ? ? ? //代碼塊? ? ? ? ? }? ? ? ? ??
2、export {foo}? ? ?
3、export?defalut function (){? ? ? //代碼塊 ? ? ? ? ?}
4、export default function foo(){? ? ?//代碼塊 ? ? ? ?}? ? ? ? ? ? ?//就算命名過(guò)函數(shù)導(dǎo)出的也是default
5、export foo
引入使用:
import?{foo} from? './foo.js';? ? ? ? ? //導(dǎo)入已命名的foo模塊,此引入對(duì)應(yīng)上面1、2項(xiàng)代碼
import foo from './foo.js';? ? ? ? ? ? ? ? //導(dǎo)入default默認(rèn)的模塊,此引入對(duì)應(yīng)上面3至5項(xiàng)代碼
require.js模塊使用
require的使用方法是直接將module.exports輸出的對(duì)象聲明對(duì)象使用
module.exports = {? ? //代碼塊? ? ? }? ? ? //輸出對(duì)象
var foo? ?= require('./foo.js');? ? ? ?//foo就是輸出的對(duì)象