js中的exports詳解

本文主要和大家分享js中的exports詳解，主要以程式碼的方式和大家分享，希望能幫助大家。

相關影片推薦：1.JavaScript極速入門_玉女心經系列
相關手冊推薦：1.JavaScript中文參考手冊

寫法1

exports.hello = function(){
    console.log(‘world’);
}

寫法2

var f = {
    hello : function(){
        console.log(‘world’);
    }
}
module.exports = f;

假設我們寫的這個模組的檔案名稱為hello.js，執行下面的程式碼

var h = require(‘hello’);
h.hello();

對於上面的兩種寫法，執行這段程式碼後得出的結果是一樣的。

module.exports ： 

舉個栗子：

1、

//a.js
module.exports = ['aaa',18]
//b.js
var a= require('a')console.log(a[1]) //输出18

2、

#

//a.js
module.exports =function(){
this.show=function(){
console.log('hahah~');
}
}
//b.js
var a= require('a');
var obj = new a();obj .show();//输出hahah~
module.exports

我的理解是：你把什麼東西賦給了module.exports，require後就會得到什麼東西

exports ： 

//a.js
exports.show =function(){
console.log('hahah~');
}
//b.js
var a= require('a');
a.show();//输出hahah~

exports已經是一個對象，你可以在這個對象裡面添加屬性，在require後就得到的是這個exports物件。

但是你不能給exports賦一個新對象，例如exports={}

還需要注意的是如果module.exports已經有內容了，那麼exports的所有操作都會失效，切記

再說一下prototype，prototype是做什麼用的呢，它是在原型中添加屬性，原型就像c++中的父類一樣，我再來舉個栗子
1、

#

//a.js
module.exports =function(){
}
module.exports.prototype.show = function(){
console.log('hahah~');
}
//b.js
var a= require('a');
var obj = new a()
obj.show()//输出hahah~

最後，說一下類別方法，說到類，那肯定是用module.exports了。

栗子在此

1、

//a.js
module.exports =function(){
}
module.exports.show = function(){
console.log('hahah~');
}
//b.js
var a= require('a');
a.show()//输出hahah~
##module.exports与exports的区别

每一個node.js執行文件，都會自動建立一個module對象，同時，module物件會建立一個叫exports的屬性，初始化的值是{}

module.exports = {};
Node.js为了方便地导出功能函数，node.js会自动地实现以下这个语句
foo.js
exports.a = function(){
console.log('a')
}
exports.a = 1 
test.js
var x = require('./foo');
console.log(x.a)

看到這裡，相信大家都看到答案了，exports是引用module.exports的值。

module.exports 被改變的時候，exports不會被改變，而模組導出的時候，真正導出的執行是module.exports，而不是exports

再看看下面例子

foo.js
exports.a = function(){
 console.log('a')
}
module.exports = {a: 2}
exports.a = 1 
test.js
var x = require('./foo');
console.log(x.a)
result:
2

exports在module.exports 被改變後，失效。
是不是開始有點廓然開朗，下面將會列出開源模組中，經常看到的幾個使用方式。

##module.exports = View
function View(name, options) { 
  options = options || {};
  this.name = name;
  this.root = options.root;
  var engines = options.engines;
  this.defaultEngine = options.defaultEngine;
  var ext = this.ext = extname(name);
  if (!ext && !this.defaultEngine) throw new Error('No default engine was specified and no         extension was provided.');
  if (!ext) name += (ext = this.ext = ('.' != this.defaultEngine[0] ? '.' : '') +     this.defaultEngine);
  this.engine = engines[ext] || (engines[ext] = require(ext.slice(1)).__express);
  this.path = this.lookup(name);
}
module.exports = View;

javascript裡面有一句話，函數即對象，View 是對象，module.export =View, 即相當於導出整個view對象。

外面模組呼叫它的時候，能夠呼叫View的所有方法。不過要注意，只有是View的靜態方法的時候，才能夠被調用，prototype創建的方法，則屬於View的私有方法。

foo.js
function View(){
}
View.prototype.test = function(){
 console.log('test')
}
View.test1 = function(){
 console.log('test1')
}
module.exports = View
test.js
var x = require('./foo');
console.log(x) //{ [Function: View] test1: [Function] }
console.log(x.test) //undefined
console.log(x.test1) //[Function]
x.test1() //test1
##var app = exports = module.exports = {};

其實，當我們了解到原理後，不難明白這樣的寫法有點冗餘，其實是為了保證，模組的初始化環境是乾淨的。同時也方便我們，即使改變了module.exports 指向的物件後，依然能沿用exports的特性

exports = module.exports = createApplication;
/**
 * Expose mime.
 */
exports.mime = connect.mime;

例子，當中module.exports = createApplication改變了module.exports失效，透過exports = module.exports的方法，讓其恢復原來的特徵。

##exports.init= function(){}

這種最簡單，直接就是導出模組 init的方法。

##var mongoose = module.exports = exports = new Mongoose;

集合多功能一身，不過根據上文所描述的，大家應該不能得到答案。

以上是js中的exports詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！