您的位置:365bet体育备用网址器 > 应用 > 详解Sea.js中Module.exports和exports的区别,sea.jsexpo

详解Sea.js中Module.exports和exports的区别,sea.jsexpo

2019-12-26 18:32

详解Sea.js中Module.exports和exports的区别,sea.jsexports

365bet在线官网 1

大器晚成、官方表明

因为SeaJs和Nodejs都是基于CommonJS,所以直接看的Node的官方文档解释
Module.exports

The module.exports object is created by the Module system. Sometimes this is not acceptable; many want their module to be an instance of some class. To do this, assign the desired export object to module.exports. Note that assigning the desired object to exports will simply rebind the local exports variable, which is probably not what you want to do.
module.exports对象是由模块系统创建的。 有时这是难以接受的;许多人希望他们的模块成为某个类的实例。 为了实现这个,需要将期望导出的对象赋值给module.exports。 注意,将期望的对象赋值给exports会简单地重新绑定到本地exports变量上,这可能不是你想要的。

exports

The exports variable is available within a module's file-level scope, and is assigned the value of module.exports before the module is evaluated. It allows a shortcut, so that module.exports.f = ... can be written more succinctly as exports.f = .... However, be aware that like any variable, if a new value is assigned to exports, it is no longer bound to module.exports:
译文:exports变量是在模块的文件级别作用域内有效的,它在模块被执行前被赋于 module.exports 的值。它有一个快捷方式,以便 module.exports.f = ... 可以被更简洁地写成exports.f = ...。 注意,就像任何变量,如果一个新的值被赋值给exports,它就不再绑定到module.exports(其实是exports.属性会自动挂载到没有命名冲突的module.exports.属性)

require

从require导入模式去明白,关键有多个变量(全局变量module.exports,局地变量exports卡塔尔、七个返回值(module.exports)

function require(...) { 
 var module = { exports: {} };
 ((module, exports) => {
 // 你的被引入代码 Start
 // var exports = module.exports = {}; (默认都有的)
 function some_func() {};
 exports = some_func;
 // 此时,exports不再挂载到module.exports,
 // export将导出{}默认对象
 module.exports = some_func;
 // 此时,这个模块将导出some_func对象,覆盖exports上的some_func 
  // 你的被引入代码 End
 })(module, module.exports);
 // 不管是exports还是module.exports,最后返回的还是module.exports 
 return module.exports;
}

二、Demo事例

事例一:1.js

console.log(exports); // {} 
console.log(module.exports); // {} 
console.log(exports === module.exports);  // true 
console.log(exports == module.exports);    // true 
/**
 Module {
 id: '.',
 exports: {},
 parent: null,
 filename: '/1.js',
 loaded: false,
 children: [],
 paths:
  [ 
   '/node_modules' ] 
 }
 */
console.log(module);

从事例第一中学,能够看出来

      1.各个js文件后生可畏创立,都有八个var exports = module.exports = {};,使exportsmodule.exports都针对一个空对象。

      2.module是全局内置对象,exports是被var创办的有的对象。

      3.module.exportsexports所针对的内部存款和储蓄器地址相似

事例二:2.js、3.js

// 2.js
exports.id = 'exports的id'; 
exports.id2 = 'exports的id2'; 
exports.func = function(){ 
  console.log('exports的函数');
};
exports.func2 = function() { 
  console.log('exports的函数2');
};
module.exports = { 
  id: 'module.exports的id',
  func:function(){
    console.log('module.exports的函数');
  }

};

// 3.js
var a = require('./2.js'); 
// 当属性和函数在module.exports都有定义时:
console.log(a.id); // module.exports的id 
console.log(a.func()); // module.exports的函数

// 当属性在module.exports没有定义,函数在module.exports有定义
console.log(a.id2); // undefined 
console.log(a.func()); // module.exports的函数

// 当函数在module.exports没有定义,属性在module.exports有定义
console.log(a.id);    // module.exports的id 
console.log(a.func2());  // 报错了 TypeError: a.func2 is not a function 

由例二能够掌握:

      1.module.exports像是exports的大哥,当module.exports{}全体导出时会覆盖exports的质量和办法,

      2.在乎,若只是将品质/方法挂载在module.exports./exports.上时,exports.id=1module.exports.id=100module.exports.id=function(){}exports.id=function(){} ,最终id的值决意于exports.idmodule.exports.id的相继,何人在后,正是最终的值

365bet在线官网 2

      3.若exportsmodule.exports再正是赋值时,exports所利用的习性和章程必得出以往module.exports,若属性未有在module.exports中定义的话,现身undefined,若方法未有在module.exports中定义,会抛出TypeError365bet在线官网,错误。

例三 4.js、5.js

module.exports的对象、prototype、布局函数使用

// 4.js
var a = require('./5.js'); 
// 若传的是类,new一个对象
var person = new a('Kylin',20); 
console.log(person.speak()); // my name is Kylin ,my age is 20

// 若不需要在构造函数时初始化参数,直接调用方法/属性
// a.speak(); // my name is kylin ,my age is 20

// 5.js
// Person类
function Person(name,age){ 
  this.name = name;
  this.age = age;
}
// 为类添加方法
Person.prototype.speak = function(){ 
  console.log('my name is '+this.name+' ,my age is '+this.age);
};

// 返回类
module.exports = Person;

// 若构造函数没有传入参数(name,age),直接传入对象
// module.exports = new Person('kylin',20);

说了如此多,其实提议正是,假使只是单大器晚成属性或格局的话,就应用exports.属性/方法。假设导出八个属性或方式或采用对象布局方法,结合prototype等,就建议接收module.exports = {} 。小说有不菲地点描述的可能不是很正确,提到的点也非常不够完美,假如有尴尬的地点,还望斧正!

总结

上述就是这篇作品的全体内容了,希望本文的内容对大家的读书只怕办事能带来一定的帮扶,纵然有毛病大家能够留言调换。

风流浪漫、官方解释 因为SeaJs和Nodejs都以借助CommonJS,所以一直看的Node的官方文书档案解释Module.expor...

原稿链接: 

 

学习Seajs时,看到了exports.doSomethingmodule.exports,想对这两边的不相同意气风发探毕竟。

365bet在线官网 3

大器晚成、官方表明

因为SeaJsNodejs都以基于CommonJS,所以从来看的Node的合韩文档解释

Module.exports

The module.exports object is created by the Module system. Sometimes this is not acceptable; many want their module to be an instance of some class. To do this, assign the desired export object to module.exports. Note that assigning the desired object to exports will simply rebind the local exports variable, which is probably not what you want to do.

译文:module.exports对象是由模块系统创设的。 不经常那是麻烦担任的;许四人指望她们的模块成为有个别类的实例。 为了贯彻这一个,要求将梦想导出的靶子赋值给module.exports。 注意,将希望的对象赋值给exports会轻巧地重复绑定到本地exports变量上,那大概不是你想要的。

exports

The exports variable is available within a module's file-level scope, and is assigned the value of module.exports before the module is evaluated. It allows a shortcut, so that module.exports.f = ... can be written more succinctly as exports.f = .... However, be aware that like any variable, if a new value is assigned to exports, it is no longer bound to module.exports:

译文:exports变量是在模块的公文品级成效域内一蹴而就的,它在模块被实行前被赋于 module.exports 的值。它有一个快速情势,以便 module.exports.f = ... 能够被更简洁地写成exports.f = ...。 注意,犹如其余变量,倘使一个新的值被赋值给exports,它就不再绑定到module.exports(其实是exports.属性会自动挂载到未有命名冲突的module.exports.属性卡塔尔

require

从require导入格局去精通,关键有三个变量(全局变量module.exports,局地变量exports卡塔尔国、一个重返值(module.exports)

function require(...) {  
  var module = { exports: {} };
  ((module, exports) => {
    // 你的被引入代码 Start
    // var exports = module.exports = {}; (默认都有的)
    function some_func() {};
    exports = some_func;
    // 此时,exports不再挂载到module.exports,
    // export将导出{}默认对象
    module.exports = some_func;
    // 此时,这个模块将导出some_func对象,覆盖exports上的some_func    
     // 你的被引入代码 End
  })(module, module.exports);
 // 不管是exports还是module.exports,最后返回的还是module.exports 
  return module.exports;
}

 

 

二、Demo事例

事例一:1.js
console.log(exports); // {}  
console.log(module.exports);  // {}  
console.log(exports === module.exports);    // true  
console.log(exports == module.exports);        // true  
/**
 Module {
  id: '.',
  exports: {},
  parent: null,
  filename: '/1.js',
  loaded: false,
  children: [],
  paths:
   [ 
     '/node_modules' ] 
 }
 */
console.log(module);

 

 

从事例一中,能够看出来
  • 1.每个js文本黄金年代创立,都有一个var exports = module.exports = {};,使exportsmodule.exports都针对多个空对象。
  • 2.module是全局内置对象,exports是被var制造的片段对象。
  • 3.module.exportsexports所针对的内部存款和储蓄器地址雷同
事例二:2.js3.js
// 2.js
exports.id = 'exports的id';  
exports.id2 = 'exports的id2';  
exports.func = function(){  
    console.log('exports的函数');
};
exports.func2 = function() {  
    console.log('exports的函数2');
};
module.exports = {  
    id: 'module.exports的id',
    func:function(){
        console.log('module.exports的函数');
    }

};

// 3.js
var a = require('./2.js');  
// 当属性和函数在module.exports都有定义时:
console.log(a.id);  // module.exports的id  
console.log(a.func()); // module.exports的函数

// 当属性在module.exports没有定义,函数在module.exports有定义
console.log(a.id2);  // undefined  
console.log(a.func());  // module.exports的函数

// 当函数在module.exports没有定义,属性在module.exports有定义
console.log(a.id);        // module.exports的id  
console.log(a.func2());    // 报错了 TypeError: a.func2 is not a function  

 

 

由例二可见:
  • 1.module.exports像是exports的大哥,当module.exports{}完整导出时会覆盖exports的性子和方法,
  • 2.留意,若只是将品质/方法挂载在module.exports./exports.上时,exports.id=1module.exports.id=100module.exports.id=function(){}exports.id=function(){},最后id的值决定于exports.idmodule.exports.id的相继,什么人在后,正是最后的值

365bet在线官网 4

  • 3.若exportsmodule.exports再就是赋值时,exports所运用的属性和情势必需出未来module.exports,若属性未有在module.exports中定义的话,现身undefined,若方法未有在module.exports中定义,会抛出TypeError错误。
例三 4.js5.js

module.exports的对象、prototype构造函数使用

// 4.js
var a = require('./5.js');  
// 若传的是类,new一个对象
var person = new a('Kylin',20);  
console.log(person.speak()); // my name is Kylin ,my age is 20

// 若不需要在构造函数时初始化参数,直接调用方法/属性
// a.speak();  // my name is kylin ,my age is 20
// 5.js
// Person类
function Person(name,age){  
    this.name = name;
    this.age = age;
}
// 为类添加方法
Person.prototype.speak = function(){  
    console.log('my name is '+this.name+' ,my age is '+this.age);
};

// 返回类
module.exports = Person;

// 若构造函数没有传入参数(name,age),直接传入对象
// module.exports = new Person('kylin',20);

 

说了这么多,其实提出正是,如果只是单生龙活虎属性或艺术的话,就动用exports.属性/方法。如果导出四个属性或措施或应用对象构造方法,结合prototype等,就提出接纳module.exports = {}。小说有无数地方描述的只怕不是很确切,提到的点也相当不够周详,假设有不许则的地方,还望斧正!

参考资料:Nodejs官方文档(粤语卡塔尔(英语:State of Qatar)、Node.js Module – exports vs module.exports、Understanding module.exports and exports in Node.js、exports 和 module.exports 的区别

本文由365bet体育备用网址器发布于应用,转载请注明出处:详解Sea.js中Module.exports和exports的区别,sea.jsexpo

关键词: