對比表
名稱 | 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…