javascript - js中單例模式疑惑
問題描述
以下代碼
function Universe() { // 緩存的實例 var instance = this; // 其它內容 this.start_time = 0; this.bang = 'Big'; // 重寫構造函數(shù) Universe = function () {return instance; };}// 測試var uni = new Universe();var uni2 = new Universe();uni.bang = '123';console.log(uni === uni2); // trueconsole.log(uni2.bang); // 123
點擊查看原文
問題:
new Universe()的過程是:var o = {};Universe.call(o);//這一步是將Universe中this對應的屬性賦值給o;o.__proto__ = Universe.prototype;//將Universe原型上的方法賦值到o的__proto__屬性上;
那么 var instance = this;中,this是不是指的是不同的對象o?那么重寫構造函數(shù)后,返回的instance不就是不同的對象嗎?為什么最后能相等
問題解答
回答1:因為重寫了構造函數(shù)后, 返回一個對象, 這個對象會覆蓋你 用new 構造函數(shù)生成的那個對象,不知道我有沒有說清楚
回答2:@mpccc 說的對。
如果構造函數(shù)返回一個對象,那 new 出來的就是這個對象啦。
可以看看秘密花園中的構造函數(shù)這一段
回答3:我也是新手,嘗試解答一下,要是錯了可別怪我
第一 this是不是指的是不同的對象 在第一次調用構造函數(shù)的時候 產(chǎn)生一個空的對象 并且函數(shù)內部的this指向了這個空對象,接著執(zhí)行代碼,最后返回這個對象 也就是uni。
而在第二次調用的時候由于第一次函數(shù)的改寫,產(chǎn)生了一個閉包,這個閉包的內部的instance正好指向了第一次調用時的產(chǎn)生的對象uni,當?shù)诙螆?zhí)行new Universe()的時候你執(zhí)行的是一個閉包,也會產(chǎn)生一個空的對象,但那個對象并沒有用到它,反而是直接返回了閉包內部的instance也就是uni。
所以uni2 === uni.
回答4:偏個題,這樣寫單例模式有點多余,要創(chuàng)建唯一的對象不用非得造個構造函數(shù)
var single = function(fn){ var instance; return function(){ return instance || (instance = fn .apply(this, arguments)); } }; 回答5:
不是注釋寫了嗎,重寫了構造函數(shù)啊,你new了一次之后再new就沒有var instance = this;這行代碼了,instance自然就不變了
//簡單打印一下就知道了console.log(Universe)var uni = new Universe()console.log(Universe)回答6:
首次執(zhí)行new Universe()的時候,確實產(chǎn)生了一個新的this,并且將Universe構造函數(shù)改寫了,之后再次調用這個new Universe()的時候,就只會return instance了,不會產(chǎn)生新的對象了。
相關文章:
1. javascript - js setTimeout在雙重for循環(huán)中如何使用?2. 老師,請問我打開browsersync出現(xiàn)這個問題怎么解決???3. javascript - js 萬物皆對象的問題4. node.js - JavaScript的一個不能理解的地方5. 在mac下出現(xiàn)了兩個docker環(huán)境6. javascript - JS使用ele.style.backgoundImage = ’’ =’none’取消背景圖片都無效7. javascript - js 修改表格元素的,可以用DOM操作實現(xiàn)嗎?8. android - 類似這樣的recyclerview滑動效果9. javascript - js一個call和apply的問題?10. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內容?
