一看就懂的module.exports/exports与module.export/export default {}

发布时间:2019-08-19 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了一看就懂的module.exports/exports与module.export/export default {}脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

一、module.exports与exports

  1. nodeJS采用commonJs规范,当前文件是一个模块(module)私有域,通过exports属性导出,通过require()引入模块,通过.xx去获取值,从而了解到加载某个模块,其实是加载该模块的exports属性
  2. exportsmodule.exports的别名,不要在同一个文件内同时使用两个,否则只能获取到module.exports的值

exports导出

// example.js
module.exports.a = '111';
module.exports.fun= @H_126_48@function() {
 
}

// 或者写成对象形式
module.exports = {
  a : '111',
  fun: function(){}
}

require加载

let test = require('./example.js')

console.LOG(test.a)
console.log(test.fun);

二、module.export/export default{}

  1. ES6中的模块功能主要由两个命令构成:exportimportexport命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
  2. export命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系。意思是导出的不是一个具体的数值,而是一个对象{a: 1, b: function(){}}
  3. import命令接受一对大括号,里面指定要从其他模块导入的变量名。大括号里面的变量名,必须与被导入模块(PRofile.js)对外接口的名称相同。因此,import {}中的变量名是export {}key
  4. import命令输入的变量都是只读的,因为它的本质是输入接口。因此,模块导出的值,只能获取,不可以修改

export导出

//example2.js

// 1. 直接导出某个变量或函数
export const a = 1;
export function fun() {

}

// 2. 先定义变量或者函数,再进行导出
const a = 1;
export {a};

function fun() {

}
export {fun}; 

// 3. 加别名进行导出
const a = 1;
export {a as b} // b是a的别名

// 4. export default 
注意,一个文件只能有一个default,这代表是模块的整体输出

import导入

// 1. 常规导入
import {a, fun} From 'example2.js'
// 2. 别名导入
import {a as b} from ...
// 3. *导入整个模块
import * as b from ...
// 4. 前三种是module.export,此处是export default
import b from ...

console.log(a)
console.log(fun())

补充:exportimport可复合书写,如果在一个模块之中,先输入后输出,不做任何操作
export {} from ''

脚本宝典总结

以上是脚本宝典为你收集整理的一看就懂的module.exports/exports与module.export/export default {}全部内容,希望文章能够帮你解决一看就懂的module.exports/exports与module.export/export default {}所遇到的问题。

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

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