關于Javascript 的 prototype問題。
2024-09-06 12:43:59
供稿：網友
prototype
1、
prototype是與Clone聯系起來的，
也就是說，當創建實例時，prototype會把成員clone到該Class(function)的實例上。
Detail: 最常見的幾個內置內對象里的prototype，如:Array原型有join, split方法，
當創建數組a時var a=[1,2]，原型里的所有方法都被clone到a上。
2、this是該類的實例指針(該指針為"動態聯編")。如何理解js this的動態聯編，請參考我寫的這篇文章：http://blog.never-online.net/article.asp?id=117
當創建該類實例時，實例具有預先定義的所有以this.p類似的成員。也具有prototype原型里定義的成員，如果類內部定義與prototype里的一個定義相同，則不是重寫：
看這個例子，jsclass定義的this.func，還有prototype里定義的func，如果jsclass內部有成員與原型里的相同，實例化時優先權為this.func，但注意，原型里并不是重寫func，而是jsclass實例共有的，雖然其優先權沒有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已經被刪除)，依然可打印輸出
</script>
注釋：類內部的成員可以用delete刪除，而原型里定義的，則不能用delete 實例名.成員名來刪除的。
如果用prototype定義后，實例化時：用原型實例指定創建對象的種類，并且通過拷貝這些原型創建新的對象
也就是在上面的
delete a.func;//此處刪除是的類內部定義的func
a.func();//調用prototype成員
之后，再次調用a.func()，調用時，通過調用prototype.func來實現的。而并非a.func()，這也解釋了為什么在jsclass內部定義func與在prototype定義func時不會有重寫現象。
