DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 由JavaScript中call()方法引發的對面向對象繼承機制call的思考
由JavaScript中call()方法引發的對面向對象繼承機制call的思考
編輯:關於JavaScript     
起因:
  今天在閱讀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源碼裡有點亂,所以就把這部分提取出來,放在一個單獨文件中,來看看具體執行。

  但還是沒太明白,今天決定研究下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 繼承機制實現

2.MDN上call的說明

3.stackoverflow

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved