javascript - js中單例模式疑惑
問題描述
以下代碼
function Universe() { // 緩存的實(shí)例 var instance = this; // 其它內(nèi)容 this.start_time = 0; this.bang = 'Big'; // 重寫構(gòu)造函數(shù) Universe = function () {return instance; };}// 測(cè)試var uni = new Universe();var uni2 = new Universe();uni.bang = '123';console.log(uni === uni2); // trueconsole.log(uni2.bang); // 123
點(diǎn)擊查看原文
問題:
new Universe()的過程是:var o = {};Universe.call(o);//這一步是將Universe中this對(duì)應(yīng)的屬性賦值給o;o.__proto__ = Universe.prototype;//將Universe原型上的方法賦值到o的__proto__屬性上;
那么 var instance = this;中,this是不是指的是不同的對(duì)象o?那么重寫構(gòu)造函數(shù)后,返回的instance不就是不同的對(duì)象嗎?為什么最后能相等
問題解答
回答1:因?yàn)橹貙懥藰?gòu)造函數(shù)后, 返回一個(gè)對(duì)象, 這個(gè)對(duì)象會(huì)覆蓋你 用new 構(gòu)造函數(shù)生成的那個(gè)對(duì)象,不知道我有沒有說(shuō)清楚
回答2:@mpccc 說(shuō)的對(duì)。
如果構(gòu)造函數(shù)返回一個(gè)對(duì)象,那 new 出來(lái)的就是這個(gè)對(duì)象啦。
可以看看秘密花園中的構(gòu)造函數(shù)這一段
回答3:我也是新手,嘗試解答一下,要是錯(cuò)了可別怪我
第一 this是不是指的是不同的對(duì)象 在第一次調(diào)用構(gòu)造函數(shù)的時(shí)候 產(chǎn)生一個(gè)空的對(duì)象 并且函數(shù)內(nèi)部的this指向了這個(gè)空對(duì)象,接著執(zhí)行代碼,最后返回這個(gè)對(duì)象 也就是uni。
而在第二次調(diào)用的時(shí)候由于第一次函數(shù)的改寫,產(chǎn)生了一個(gè)閉包,這個(gè)閉包的內(nèi)部的instance正好指向了第一次調(diào)用時(shí)的產(chǎn)生的對(duì)象uni,當(dāng)?shù)诙螆?zhí)行new Universe()的時(shí)候你執(zhí)行的是一個(gè)閉包,也會(huì)產(chǎn)生一個(gè)空的對(duì)象,但那個(gè)對(duì)象并沒有用到它,反而是直接返回了閉包內(nèi)部的instance也就是uni。
所以u(píng)ni2 === uni.
回答4:偏個(gè)題,這樣寫單例模式有點(diǎn)多余,要?jiǎng)?chuàng)建唯一的對(duì)象不用非得造個(gè)構(gòu)造函數(shù)
var single = function(fn){ var instance; return function(){ return instance || (instance = fn .apply(this, arguments)); } }; 回答5:
不是注釋寫了嗎,重寫了構(gòu)造函數(shù)啊,你new了一次之后再new就沒有var instance = this;這行代碼了,instance自然就不變了
//簡(jiǎn)單打印一下就知道了console.log(Universe)var uni = new Universe()console.log(Universe)回答6:
首次執(zhí)行new Universe()的時(shí)候,確實(shí)產(chǎn)生了一個(gè)新的this,并且將Universe構(gòu)造函數(shù)改寫了,之后再次調(diào)用這個(gè)new Universe()的時(shí)候,就只會(huì)return instance了,不會(huì)產(chǎn)生新的對(duì)象了。
相關(guān)文章:
1. angular.js - 可以通過vue或者angular雙向數(shù)據(jù)綁定iframe元素嗎?2. javascript - h5微信中怎么禁止橫屏3. index.php錯(cuò)誤,求指點(diǎn)4. angular.js - angularjs 百度統(tǒng)計(jì)怎么統(tǒng)計(jì)5. node.js - vue-cli無(wú)法創(chuàng)建項(xiàng)目。6. css3選擇器nth-of-type的問題7. css3 - 這種情景怎么解釋?display:flex 遭遇 white-space: nowrap;8. PHP單例模式9. objective-c - 微信支付的問題10. Html 入門教程視頻無(wú)法播放
