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