有關es6的模塊化

假若有兩個文件：app.js和config.js

app.js爲主文件要去引用config這個模塊

之前學習node時使用的模塊導出:

需求：導出三個成員，分別是 foo: bar f: function num: 10

exports.foo = 'bar'
exports.f = function () {
  
}
exports.num = 10

es6中的模塊導出

方法一

export const foo = 'bar'
export const f = function () {
  
}
export const num = 10

兩種能夠混合使用
方法二

const foo = 'bar'
const f = function () {
  
}
const num = 10

export {
  foo,
  f,
  num
}

經過 export 導出的成員必須經過解構賦值按需加載
或者經過import * as 變量名的形式加載全部經過 export 關鍵字導出的接口成員
經過 export default 加載導出的成員必須經過 import 變量名 from '模塊標識' 進行加載
export 和 export default 能夠共存

import config from './config'
import { foo, num } from './config'
import * as config from './config'
import { foo } from './config'

默認導出

config.js

// 至關於 module.exports = function () {}
export default function () {
  console.log('fff')
}

app.js:

// 這種方式會去找被加載模塊中經過 export default 導出的成員
import defaultConfig from './config'

defaultConfig任意指定

最後經過模板字符串將它們打印出來

console.log(default: ${defaultConfig}, foo: ${foo}, all: ${allConfig})