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