作者B9 (葉酸酸)
看板Ajax
標題[ js ] 一個跟 inheritance 有關的心得
時間Mon Dec 19 23:51:01 2011
有一些書在講 inheritance 的時候會叫你這樣寫：
function A(a)
{
this.a = a;
}
function B(b)
{
this.super_.apply(this, arguments);
}
B.prototype = new A;
B.prototype.super_ = A;
然後 b1 = new B(1); b2 = new B(2); 會變成 b1.a === 1 && b2.a === 2
這種利用 parent constructor initiate 的方法不適用三層以上的繼承關係。
因為在 new 第三層的時候會丟出 RangeError: Maximum call stack size exceeded。
> -------------------------------------------------------------------------- <
function A(a)
{
this.a = a;
}
function B(b)
{
this.super_.apply(this, arguments);
}
B.prototype = new A;
B.prototype.super_ = A;
function C(c)
{
this.super_.apply(this, arguments);
}
C.prototype = new B;
C.prototype.super_ = B;
首先假設以上情境，然後 new C。
new C 的時候會進到 function C 的 context，在這個 context 裡面，
this 已經是 instanceof C，所以 this.super_ 會 lookup C.prototype 的 super_，
也就是 this.super_ = B，到這裡都符合我們的預期。
this.super_.apply(this, arguments) 等同於 B.apply(this. argumets)。
B.apply(this. arguments)，的時候會進到 function B 的 context，
在這個 context 裡面的 this 是 instanceof B 嗎？不，其實是 instanceof C。
因為我們用了 apply 把原本 instanceof C 的 this 帶進 function B 的 context。
然後在 function B 的 context 執行 this.super_.apply(this, arguments)。
剛剛說過在這個 context 的 this 是 instanceof C，而 instanceof C 的 super_
則要 lookup C.prototype.super_ 也就是 B。所以這時候，
在 function B context 的 this.super_.apply(this, arguments) 等於
B.apply(this, arguments)，回到上一段的開頭，變成一個無窮迴圈……
--
Oni devas ami animalojn. Ili estas tiel bongustaj.
One should love animals. They are so tasty.
每個人都應該愛動物，他們是如此美味。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 175.180.52.96
※ 編輯: B9 來自: 175.180.52.96 (12/20 00:39)
1F：推 sk1765:你這個只要第三層繼承的人 不寫C.prototype.super_ = B; 12/21 16:16
3F：→ sk1765:還是我理解錯了 12/21 16:21
4F：→ B9: 當然可以，可是 super 的用途本來就是用來 refer super class 12/21 19:59
5F：→ B9: 只有第三層不寫的話，不然乾脆都不要寫 12/21 19:59