对比表
名称 | 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...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。