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

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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...

脚本宝典总结

以上是脚本宝典为你收集整理的import、require 、export、export default、exports、module exports全部内容,希望文章能够帮你解决import、require 、export、export default、exports、module exports所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。