js中的exports詳解

小云云
發布: 2023-03-22 22:16:02
原創
24602 人瀏覽過

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!