課程
/前端開(kāi)發(fā)
/jQuery
/jQuery源碼解析(架構(gòu)與依賴(lài)模塊)
if (!(
this?instanceof?aQuery
)) {return new aQuery(selector);} 這段代碼沒(méi)看明白,怎么 個(gè)厲害法呢
?
2015-10-08
源自:jQuery源碼解析(架構(gòu)與依賴(lài)模塊) 1-6
正在回答
在當(dāng)前示例代碼下,每次調(diào)用aQuery實(shí)際上是運(yùn)行了兩遍aQuery函數(shù)。過(guò)程如下:
首先是用戶(hù)手動(dòng)調(diào)用aQuery這個(gè)函數(shù),比如aQuery('#book'), 這時(shí)候進(jìn)入aQuery函數(shù),因?yàn)闆](méi)有用new方式調(diào)用,所以函數(shù)內(nèi)部this指代的是window,所以這時(shí)候會(huì)進(jìn)入if語(yǔ)句中,重新通過(guò)new方式調(diào)用aQuery函數(shù)。第二次進(jìn)入aQuery函數(shù)內(nèi)部,這時(shí)候因?yàn)橛衝ew關(guān)鍵字,所以this就是指代aQuery實(shí)例化對(duì)象。
這種方式的好處就是當(dāng)用戶(hù)忘記使用new來(lái)調(diào)用的時(shí)候,程序也能自動(dòng)調(diào)用new。
我是這樣理解的,比如說(shuō)你第一次使用aquery('#first-div'),因?yàn)閕f判斷不是aquery就使用new實(shí)例化一個(gè)對(duì)象,當(dāng)你第二次調(diào)用aquery('#first-div')時(shí),為了減少內(nèi)存資源以及cpu的浪費(fèi),這里就不再實(shí)例化了,即不再創(chuàng)建新的對(duì)象了。
alert(1)
構(gòu)造一個(gè)作用域安全的構(gòu)造函數(shù)?? 防止用戶(hù)沒(méi)有this綁定的全局對(duì)象中去
this 指向當(dāng)前所正在使用的對(duì)象
aQuery 是一個(gè)構(gòu)造函數(shù)
Js中instanceof 運(yùn)算符是返回一個(gè) Boolean 值,指出對(duì)象是否是特定構(gòu)造函數(shù)的一個(gè)實(shí)例。
而javascript的繼承是基于原型。故此處 instanceof? 運(yùn)算符? 判斷 this對(duì)象的原型鏈上是否有構(gòu)造函數(shù)aQuery。
不存在的話,重新獲取一個(gè)實(shí)例返回。
proto
舉報(bào)
由淺入深地剖析jQuery庫(kù)的設(shè)計(jì)與實(shí)現(xiàn),揭開(kāi)框架背后的秘密
1 回答為什么要做this是否為當(dāng)前實(shí)例的判斷?
1 回答這里為什么要加個(gè)if判斷
2 回答return this的作用是什么呢?
1 回答老師講的那個(gè)if判斷里面是否在判斷是不是全局變量?
2 回答構(gòu)造函數(shù)返回 new jQuery.fn.init() 相比 if(!this instanceof jQuery) {return new jQuery();}this.init();有什么明顯好處?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-06-29
在當(dāng)前示例代碼下,每次調(diào)用aQuery實(shí)際上是運(yùn)行了兩遍aQuery函數(shù)。過(guò)程如下:
首先是用戶(hù)手動(dòng)調(diào)用aQuery這個(gè)函數(shù),比如aQuery('#book'), 這時(shí)候進(jìn)入aQuery函數(shù),因?yàn)闆](méi)有用new方式調(diào)用,所以函數(shù)內(nèi)部this指代的是window,所以這時(shí)候會(huì)進(jìn)入if語(yǔ)句中,重新通過(guò)new方式調(diào)用aQuery函數(shù)。第二次進(jìn)入aQuery函數(shù)內(nèi)部,這時(shí)候因?yàn)橛衝ew關(guān)鍵字,所以this就是指代aQuery實(shí)例化對(duì)象。
這種方式的好處就是當(dāng)用戶(hù)忘記使用new來(lái)調(diào)用的時(shí)候,程序也能自動(dòng)調(diào)用new。
2016-11-06
我是這樣理解的,比如說(shuō)你第一次使用aquery('#first-div'),因?yàn)閕f判斷不是aquery就使用new實(shí)例化一個(gè)對(duì)象,當(dāng)你第二次調(diào)用aquery('#first-div')時(shí),為了減少內(nèi)存資源以及cpu的浪費(fèi),這里就不再實(shí)例化了,即不再創(chuàng)建新的對(duì)象了。
2016-09-23
alert(1)
2015-12-09
構(gòu)造一個(gè)作用域安全的構(gòu)造函數(shù)?? 防止用戶(hù)沒(méi)有this綁定的全局對(duì)象中去
2015-10-16
this 指向當(dāng)前所正在使用的對(duì)象
aQuery 是一個(gè)構(gòu)造函數(shù)
Js中instanceof 運(yùn)算符是返回一個(gè) Boolean 值,指出對(duì)象是否是特定構(gòu)造函數(shù)的一個(gè)實(shí)例。
而javascript的繼承是基于原型。故此處 instanceof? 運(yùn)算符? 判斷 this對(duì)象的原型鏈上是否有構(gòu)造函數(shù)aQuery。
不存在的話,重新獲取一個(gè)實(shí)例返回。