8

对比表

名称 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...


豌豆突突突
99 声望2 粉丝

叹流年 又成虚度