由JavaScript中call()方法引發(fā)的對面向?qū)ο罄^承機制call的思考
更新時間:2011年09月12日 14:06:12 作者:
看到這里的call()方法,以前也看過手冊,說是對象冒充的,用于繼承的。在jQuery源碼里有點亂,所以就把這部分提取出來,放在一個單獨文件中,來看看具體執(zhí)行。
起因:
今天在閱讀snandy大神的讀jQuery之五(取DOM元素)時,看到有講到toArray()方法,具體jQuery代碼如下:
toArray: function() {
return slice.call( this, 0 );
},
get: function( num ) {
return num == null ?
// Return a 'clean' array
this.toArray() :
// Return just the object
( num < 0 ? this[ this.length + num ] : this[ num ] );
},
看到這里的call()方法,以前也看過手冊,說是對象冒充的,用于繼承的。在jQuery源碼里有點亂,所以就把這部分提取出來,放在一個單獨文件中,來看看具體執(zhí)行。
但還是沒太明白,今天決定研究下call。于是查了下MDN上的說明,心血來潮,拿出我的“葵花寶典”-牛津大辭典,準備練習下自己的英文水平,提高提高,而且也提供給有需要的朋友一些幫助(翻譯中如果有些出路,請各位前輩見諒!)
call
摘要:
通過給定的this和arguments來調(diào)用一個function
注意:該方法與apply方法語法相似,但不同的是:call()接受參數(shù)列,而apply()接受傳遞給函數(shù)的參數(shù)數(shù)組
Function類的一個方法:版本JavaScript 1.3版以后
語法:
fun.call(thisArg[, arg1[, arg2[, ...]]])
參數(shù)說明:
thisArg:
為fun()的調(diào)用指定對象。注意:你看到的this值可能不是實際的值:如果這個方法是在 non-strict mode下,null和undefined會被全局對象替換掉,原始的值會被封裝。
arg1,arg2,....
this對象的參數(shù)
描述:
當調(diào)用一個已存在的函數(shù),你可以分配不同的對象。這時,this指定的對象是當前正在調(diào)用對象。
通過call,你可以只寫一次方法,而被另一個對象來繼承。而不用自己再新建對象時,重寫該方法。(即對象冒充,下面會有例子說明?。?
在MDN官網(wǎng)上面有例子可以看看。另外,無意中在stackoverflow上看到了篇相關(guān)的問題,看到里面的一個回答,一下子就明白了對象冒充,怎么冒充了。
下面把那部分摘取出來(點擊這里看原文):
In javascript, methods of an object can be bound to another object at runtime. In short, javascript allows an object to "borrow" the method of another object:
object1 = {
name:'frank',
greet:function(){
alert('hello '+this.name)
}
};
object2 = {
name:'andy'
};
// Note that object2 has no greet method.
// But we may "borrow" from object1:
object1.greet.call(object2);
The call and apply methods of function objects (in javascript functions are objects as well) allows you to do this. So in your code you could say that the Nodelist is borrowing an array's slice method. What does the conversion is the fact that slice returns another array as it's result.
這里的第一句話說的很形象,大致意思就是:在JavaScript中,對象的方法可綁定到另外一個對象上。簡單點說,就是,JavaScript中允許對象‘借用'本不屬于它本身的方法。“冒充”也就不言而喻了,就上上面的例子來說,object2冒充object1,來調(diào)用object1的方法。
PS:菜鳥第一次寫博客,有點亂,我相信以后會慢慢改善,向各位師兄師姐學(xué)習怎么寫博客,寫好博客。另外歡迎大家給我批評與指導(dǎo)!
今天在閱讀snandy大神的讀jQuery之五(取DOM元素)時,看到有講到toArray()方法,具體jQuery代碼如下:
復(fù)制代碼 代碼如下:
toArray: function() {
return slice.call( this, 0 );
},
get: function( num ) {
return num == null ?
// Return a 'clean' array
this.toArray() :
// Return just the object
( num < 0 ? this[ this.length + num ] : this[ num ] );
},
看到這里的call()方法,以前也看過手冊,說是對象冒充的,用于繼承的。在jQuery源碼里有點亂,所以就把這部分提取出來,放在一個單獨文件中,來看看具體執(zhí)行。
但還是沒太明白,今天決定研究下call。于是查了下MDN上的說明,心血來潮,拿出我的“葵花寶典”-牛津大辭典,準備練習下自己的英文水平,提高提高,而且也提供給有需要的朋友一些幫助(翻譯中如果有些出路,請各位前輩見諒!)
call
摘要:
通過給定的this和arguments來調(diào)用一個function
注意:該方法與apply方法語法相似,但不同的是:call()接受參數(shù)列,而apply()接受傳遞給函數(shù)的參數(shù)數(shù)組
Function類的一個方法:版本JavaScript 1.3版以后
語法:
fun.call(thisArg[, arg1[, arg2[, ...]]])
參數(shù)說明:
thisArg:
為fun()的調(diào)用指定對象。注意:你看到的this值可能不是實際的值:如果這個方法是在 non-strict mode下,null和undefined會被全局對象替換掉,原始的值會被封裝。
arg1,arg2,....
this對象的參數(shù)
描述:
當調(diào)用一個已存在的函數(shù),你可以分配不同的對象。這時,this指定的對象是當前正在調(diào)用對象。
通過call,你可以只寫一次方法,而被另一個對象來繼承。而不用自己再新建對象時,重寫該方法。(即對象冒充,下面會有例子說明?。?
在MDN官網(wǎng)上面有例子可以看看。另外,無意中在stackoverflow上看到了篇相關(guān)的問題,看到里面的一個回答,一下子就明白了對象冒充,怎么冒充了。
下面把那部分摘取出來(點擊這里看原文):
In javascript, methods of an object can be bound to another object at runtime. In short, javascript allows an object to "borrow" the method of another object:
復(fù)制代碼 代碼如下:
object1 = {
name:'frank',
greet:function(){
alert('hello '+this.name)
}
};
object2 = {
name:'andy'
};
// Note that object2 has no greet method.
// But we may "borrow" from object1:
object1.greet.call(object2);
The call and apply methods of function objects (in javascript functions are objects as well) allows you to do this. So in your code you could say that the Nodelist is borrowing an array's slice method. What does the conversion is the fact that slice returns another array as it's result.
這里的第一句話說的很形象,大致意思就是:在JavaScript中,對象的方法可綁定到另外一個對象上。簡單點說,就是,JavaScript中允許對象‘借用'本不屬于它本身的方法。“冒充”也就不言而喻了,就上上面的例子來說,object2冒充object1,來調(diào)用object1的方法。
PS:菜鳥第一次寫博客,有點亂,我相信以后會慢慢改善,向各位師兄師姐學(xué)習怎么寫博客,寫好博客。另外歡迎大家給我批評與指導(dǎo)!
相關(guān)文章
document.write()及其輸出內(nèi)容的樣式、位置控制
document.write(),用于簡單的打印內(nèi)容到頁面上,可以逐字打印你需要的內(nèi)容,既然可以輸出變量,肯定會想要去控制下變量的顯示,比如位置以及樣式2013-08-08js/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法
下面小編就為大家?guī)硪黄猨s/jquery控制頁面動態(tài)加載數(shù)據(jù) 滑動滾動條自動加載事件的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02ECMAScript?數(shù)據(jù)類型之Number類型
這篇文章主要介紹了?ECMAScript?數(shù)據(jù)類型之Number類型,Number類型使用IEEE?754格式表示整數(shù)和浮點值,更多相關(guān)內(nèi)容請需要的小伙伴參考下面文章內(nèi)容2022-06-06整理Javascript基礎(chǔ)語法學(xué)習筆記
整理Javascript基礎(chǔ)語法學(xué)習筆記,之前一系列的文章是跟我學(xué)習Javascript,本文就是進一步學(xué)習javascript基礎(chǔ)語法,希望大家繼續(xù)關(guān)注2015-11-11Svelte框架實現(xiàn)表格協(xié)同文檔的示例
本文主要介紹了Svelte框架實現(xiàn)表格協(xié)同文檔的示例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧2023-01-01javascript Xml增刪改查(IE下)操作實現(xiàn)代碼
比較不錯的實現(xiàn)代碼,大家可以仔細的看下,思路。2009-01-01