import、require 、export、export default、exports、module exports

對比表

名稱	es6	node	說明	使用
export	√
export default	√
import	√			export/export default匯出， import匯入
exports		√
module.exports		√	exports = module.exports = {}
require	√	√		module.exports匯出， require匯入

export 與 export default

二者關係

es6中使用

名稱	相同	不同
export	可匯出常量、函式、檔案、模組等	1. 可以有多個export 2.匯入時要加{}
export default	可匯出常量、函式、檔案、模組等	1.一個檔案中只有一個export default 2.匯入時不加{}

使用舉例

//export匯出
//methods.js
export function methods(){ 
    console.log(`123`)
}
//export匯入
import {methods} from `./methods`


//export default匯出
//methods.js
export default function methods(){ 
    console.log(`456`)
}
//export default匯入
import methods from `./methods`

exports 與 module.exports

二者關係

node中使用
exports = module.exports = {}

瞭解更多，可參考文章：https://cnodejs.org/topic/523…

使用舉例

//module.exports匯出
//en.js
module.exports = {
  login: {
    title: `Login`,
    btn: `submit`
  }
}

//require匯入
require(``./en)

import 與 require

• import 是 es6的語法
  import 與 export / export default 搭配，實現匯入/匯出
• require 是 es6 、node都有的語法
  require 與 module.exports 搭配，實現匯入/匯出

參考文章

https://segmentfault.com/a/11…
https://cnodejs.org/topic/523…