prototype

1、
prototype是與Clone聯(lián)系起來的，
也就是說，當創(chuàng)建實例時，prototype會把成員clone到該Class(function)的實例上。
Detail: 最常見的幾個內置內對象里的prototype，如:Array原型有join, split方法，
當創(chuàng)建數(shù)組a時var a=[1,2]，原型里的所有方法都被clone到a上。

2、this是該類的實例指針(該指針為"動態(tài)聯(lián)編")。如何理解js this的動態(tài)聯(lián)編，請參考我寫的這篇文章：http://blog.never-online.net/article.asp?id=117
當創(chuàng)建該類實例時，實例具有預先定義的所有以this.p類似的成員。也具有prototype原型里定義的成員，如果類內部定義與prototype里的一個定義相同，則不是重寫：

看這個例子，jsclass定義的this.func，還有prototype里定義的func，如果jsclass內部有成員與原型里的相同，實例化時優(yōu)先權為this.func，但注意，原型里并不是重寫func，而是jsclass實例共有的，雖然其優(yōu)先權沒有this.func高，與此同時，我們也可以以這種方式來理解prototype與類內部定義成員：

<script>
function jsclass() {
  this.p = "never-online";
  this.func = function () {
    alert('func');
  }
}
jsclass.prototype = {
  func : function () {
  alert(this.p);
  }
}
var a = new jsclass();
a.func();
delete a.func;
a.func();
</script>

我們再把上面的代碼修改一下。這樣看：
<script>
function jsclass() {
  this.p = "never-online";
  this.func = function () {
    alert('func');
  }
}
jsclass.prototype = {
  func : function () {
  alert(this.p?this.p:'no value');
  }
}
var a = new jsclass();
a.func();//調用內部成員
delete a.func;//此處刪除是的類內部定義的func
a.func();//調用prototype成員
delete a.func;//試圖再次刪除func(prototype)
a.func();//刪除無效(內部的func已經(jīng)被刪除)，依然可打印輸出
</script>

注釋：類內部的成員可以用delete刪除，而原型里定義的，則不能用delete 實例名.成員名來刪除的。
如果用prototype定義后，實例化時：用原型實例指定創(chuàng)建對象的種類，并且通過拷貝這些原型創(chuàng)建新的對象
也就是在上面的
delete a.func;//此處刪除是的類內部定義的func
a.func();//調用prototype成員
之后，再次調用a.func()，調用時，通過調用prototype.func來實現(xiàn)的。而并非a.func()，這也解釋了為什么在jsclass內部定義func與在prototype定義func時不會有重寫現(xiàn)象。 

最新評論