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

2024年2月8日 173次阅读 来源: 豌豆突突突

对比表

名称es6node说明使用
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…

    原文作者：豌豆突突突
    原文地址: https://segmentfault.com/a/1190000015476119
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞