本文主要和大家分享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中文網其他相關文章!