由JavaScript中call()方法引發(fā)的對面向對象繼承機制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來調用一個function
注意:該方法與apply方法語法相似,但不同的是:call()接受參數列,而apply()接受傳遞給函數的參數數組
Function類的一個方法:版本JavaScript 1.3版以后
語法:
fun.call(thisArg[, arg1[, arg2[, ...]]])
參數說明:
thisArg:
為fun()的調用指定對象。注意:你看到的this值可能不是實際的值:如果這個方法是在 non-strict mode下,null和undefined會被全局對象替換掉,原始的值會被封裝。
arg1,arg2,....
this對象的參數
描述:
當調用一個已存在的函數,你可以分配不同的對象。這時,this指定的對象是當前正在調用對象。
通過call,你可以只寫一次方法,而被另一個對象來繼承。而不用自己再新建對象時,重寫該方法。(即對象冒充,下面會有例子說明?。?
在MDN官網上面有例子可以看看。另外,無意中在stackoverflow上看到了篇相關的問題,看到里面的一個回答,一下子就明白了對象冒充,怎么冒充了。
下面把那部分摘取出來(點擊這里看原文):
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,來調用object1的方法。
PS:菜鳥第一次寫博客,有點亂,我相信以后會慢慢改善,向各位師兄師姐學習怎么寫博客,寫好博客。另外歡迎大家給我批評與指導!
今天在閱讀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來調用一個function
注意:該方法與apply方法語法相似,但不同的是:call()接受參數列,而apply()接受傳遞給函數的參數數組
Function類的一個方法:版本JavaScript 1.3版以后
語法:
fun.call(thisArg[, arg1[, arg2[, ...]]])
參數說明:
thisArg:
為fun()的調用指定對象。注意:你看到的this值可能不是實際的值:如果這個方法是在 non-strict mode下,null和undefined會被全局對象替換掉,原始的值會被封裝。
arg1,arg2,....
this對象的參數
描述:
當調用一個已存在的函數,你可以分配不同的對象。這時,this指定的對象是當前正在調用對象。
通過call,你可以只寫一次方法,而被另一個對象來繼承。而不用自己再新建對象時,重寫該方法。(即對象冒充,下面會有例子說明?。?
在MDN官網上面有例子可以看看。另外,無意中在stackoverflow上看到了篇相關的問題,看到里面的一個回答,一下子就明白了對象冒充,怎么冒充了。
下面把那部分摘取出來(點擊這里看原文):
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,來調用object1的方法。
PS:菜鳥第一次寫博客,有點亂,我相信以后會慢慢改善,向各位師兄師姐學習怎么寫博客,寫好博客。另外歡迎大家給我批評與指導!
參考資料:
1.w3cschool ECMAScript 繼承機制實現
相關文章
document.write()及其輸出內容的樣式、位置控制
document.write(),用于簡單的打印內容到頁面上,可以逐字打印你需要的內容,既然可以輸出變量,肯定會想要去控制下變量的顯示,比如位置以及樣式2013-08-08js/jquery控制頁面動態(tài)加載數據 滑動滾動條自動加載事件的方法
下面小編就為大家?guī)硪黄猨s/jquery控制頁面動態(tài)加載數據 滑動滾動條自動加載事件的方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02