構(gòu)造函數(shù)二

先看一個(gè)例子:

function Foo(){

}
Foo.prototype.constructor === Foo//true
var obj = new Foo()
obj.constructor === Foo//true

函數(shù)的prototype對(duì)象上有一個(gè)constructor屬性,這個(gè)屬性的默認(rèn)值是當(dāng)前函數(shù)蝶防。至于obj對(duì)象為什么能夠訪(fǎng)問(wèn)到constructor的話(huà),那就得回顧之前提到的對(duì)象的[[Prototype]]的知識(shí)了慧脱。因?yàn)閛bj的[[Prototype]]屬性指向的值是Foo函數(shù),所以當(dāng)在obj自身上找不到某個(gè)屬性時(shí)菱鸥,就會(huì)在其原型鏈上進(jìn)行查找躏鱼。

1.構(gòu)造函數(shù)與普通調(diào)用的混搭

一個(gè)函數(shù)是否是構(gòu)造函數(shù)與其寫(xiě)法沒(méi)關(guān)系。與調(diào)用方式才有關(guān)系染苛。

  • 如果我們?cè)谄胀ǖ暮瘮?shù)調(diào)用前面加上new關(guān)鍵字之后鹊漠,就會(huì)把這個(gè)函數(shù)調(diào)用變成一個(gè)構(gòu)造函數(shù)調(diào)用,如果之前那個(gè)函數(shù)沒(méi)有return的話(huà)登钥,那么變成構(gòu)造函數(shù)之后返回一個(gè){}娶靡,并且返回的這個(gè)對(duì)象的[[Prototype]]屬性會(huì)指向普通函數(shù)的prototype對(duì)象:
function fun(){
 console.log("?")
}
var obj = new fun()
console.log(obj)//fun {}
console.log(Object.getPrototypeOf(obj) === fun.prototype)//true

利用這個(gè)特性,我們可以共享數(shù)據(jù):

function fun(){}
fun.prototype.a = "haha"
var obj = new fun()
var obj2 = new fun()
console.log(obj.a)//"haha"
console.log(obj2.a)//"haha"
console.log(Object.getOwnPropertyDescriptor(fun.prototype, "a"))//"writable":true...
obj.a = "self"
console.log(obj.a)//"self"
console.log(obj2.a)//"haha"
  • 如果我們?cè)谄胀ǖ暮瘮?shù)調(diào)用前面加上new關(guān)鍵字之后姿锭,就會(huì)把這個(gè)函數(shù)調(diào)用變成一個(gè)構(gòu)造函數(shù)調(diào)用,如果之前的那個(gè)函數(shù)是return一個(gè)對(duì)象的話(huà)轮纫,那么變成構(gòu)造函數(shù)之后返回的內(nèi)容不會(huì)發(fā)生改變焚鲜。但是返回的這個(gè)對(duì)象并不會(huì)被普通函數(shù)的prototype對(duì)象所委托,而是被Object.prototype所委托糯彬。所以此時(shí)new相當(dāng)于沒(méi)用任何作用:
funtion foo(){
 return {"w": 9}
}
var obj = new foo()
console.log(obj)//{"w": 9}
console.log(Object.getOwnPrototypeOf(obj) == Object.prototype)//true
  • 如果一個(gè)普通函數(shù)具有return語(yǔ)句贝乎,但是return的內(nèi)容是非對(duì)象的話(huà)览效,那么如果在這個(gè)普通函數(shù)之前加上new關(guān)鍵詞的話(huà),就會(huì)把這個(gè)函數(shù)調(diào)用變成一個(gè)構(gòu)造函數(shù)調(diào)用锤灿。此時(shí)返回一個(gè)空對(duì)象辆脸,并且返回的這個(gè)空對(duì)象會(huì)被函數(shù)的prototype對(duì)象所委托:
function foo(){
  return 1
}
var obj = new foo()
console.log(obj)//foo {}
console.log(Object.getPrototypeOf(obj) == foo.prototype)//true

值得注意的是,這里說(shuō)的非對(duì)象是哪些:比如數(shù)值状囱,字符串倘是,布爾值龙巨。哪些不行呢:比如說(shuō)數(shù)組阳似,函數(shù)旗芬。

  • 如果對(duì)于一個(gè)“構(gòu)造函數(shù)”調(diào)用的時(shí)候答倡,并沒(méi)有為其添加new方式調(diào)用的話(huà)驴党,那么此時(shí)他將作為普通函數(shù)調(diào)用。此時(shí)返回的將會(huì)是undefined鼻弧。
function foo(){
   this. a = 1
}
var obj = foo()
console.log(obj)//undefined
//由于是undefined,所以更別提什么會(huì)被什么對(duì)象委托的事情了叉存。

當(dāng)然度帮,如果老老實(shí)實(shí)遵循規(guī)范寫(xiě)的話(huà),上面那些狗屁東西都不會(huì)遇到瞳秽。

END

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末率翅,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子腺晾,更是在濱河造成了極大的恐慌辜贵,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鼻由,死亡現(xiàn)場(chǎng)離奇詭異厚棵,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)讨彼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門(mén)哈误,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人蜜自,你說(shuō)我怎么就攤上這事≈剀” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵仇参,是天一觀的道長(zhǎng)诈乒。 經(jīng)常有香客問(wèn)我,道長(zhǎng)婆芦,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任肠鲫,我火速辦了婚禮导饲,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘渣锦。我一直安慰自己,他們只是感情好泡挺,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布命浴。 她就那樣靜靜地躺著贱除,像睡著了一般。 火紅的嫁衣襯著肌膚如雪碍讯。 梳的紋絲不亂的頭發(fā)上扯躺,一...
    開(kāi)封第一講書(shū)人閱讀 49,111評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音倍啥,去河邊找鬼。 笑死虽缕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伍派。 我是一名探鬼主播剩胁,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼倍踪!你這毒婦竟也來(lái)了索昂?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤缤至,失蹤者是張志新(化名)和其女友劉穎领斥,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體月洛,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡嚼黔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年唬涧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了盛撑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡狮荔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出殖氏,到底是詐尸還是另有隱情,我是刑警寧澤受葛,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布总滩,位于F島的核電站,受9級(jí)特大地震影響闰渔,放射性物質(zhì)發(fā)生泄漏席函。R本人自食惡果不足惜冈涧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望营曼。 院中可真熱鬧愚隧,春花似錦、人聲如沸录煤。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)泪漂。三九已至,卻和暖如春赘风,著一層夾襖步出監(jiān)牢的瞬間纵刘,已是汗流浹背假哎。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留肪虎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓惧蛹,卻偏偏與公主長(zhǎng)得像扇救,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子香嗓,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 工廠模式類(lèi)似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品迅腔,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式靠娱。簡(jiǎn)單...
    舟漁行舟閱讀 7,718評(píng)論 2 17
  • 如何控制alert中的換行沧烈?\n alert(“p\np”); 請(qǐng)編寫(xiě)一個(gè)JavaScript函數(shù) parseQu...
    heyunqiang99閱讀 1,083評(píng)論 0 6
  • 相關(guān)知識(shí)點(diǎn) 數(shù)據(jù)類(lèi)型、運(yùn)算像云、對(duì)象锌雀、function、繼承迅诬、閉包腋逆、作用域、原型鏈侈贷、事件闲礼、RegExp、JSON柬泽、Aj...
    sandisen閱讀 11,370評(píng)論 7 175
  • 單例模式 適用場(chǎng)景:可能會(huì)在場(chǎng)景中使用到對(duì)象,但只有一個(gè)實(shí)例第煮,加載時(shí)并不主動(dòng)創(chuàng)建包警,需要時(shí)才創(chuàng)建 最常見(jiàn)的單例模式害晦,...
    Obeing閱讀 2,056評(píng)論 1 10
  • 先看一個(gè)簡(jiǎn)短的例子: 分析:?jiǎn)栴}——為什么不是Undefined鲫剿?我們知道對(duì)于構(gòu)造函數(shù)new出來(lái)的對(duì)象來(lái)說(shuō)灵莲,他的[...
    BIGHAI閱讀 202評(píng)論 0 1