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