Javascript 繼承中的一些問題

Javascript 的繼承類問題,已經被說爛了,  其核心只有一點在 子類B()中 運行 父類A().

一個簡潔的實現:

1. function B( arg1, arg2)//假設子類B有兩個初始值,其中arg1是傳遞給父類A
2. {
3.    //繼承A
4.    A.call( this, arg1 );//這裡假設父類A有一個初始值
5. }

最近發現在函數繼承有些問題,

請看下面:

假設A:

1. function A( arg1 )
2. {
3.     this.m1= arg1;
4.     this.oCap = document.getElementById(arg1);
6.        this.oCap.onmousedown = this.CaptureMouse(this);
8. }
10. //外部定義A的成員函數
12.  A.prototype.CaptureMouse = function( oThis )
13.  {
14.         return function()
15.         {
16.            oThis.oCap.setCapture(true);
17.         }
18. }

此時, A() 自身,運行良好.

但是,問題出現在當B()繼承A時, 解譯器無法解釋CaptureMouse

可能在B()中運行A時, 解譯器對A的解釋是採用順序解釋方法,所以處在後面的A.prototype.CaptureMouse沒有被發現,所以會有這種現象.

在改成如下代碼後,

問題解決:

1. function A( arg1)
2. {
3.     this.m1= arg1;
4.     this.oCap = document.getElementById(arg1);
5.     //先定義函數CaptureMouse
6.     this.CaptureMouse = function( oThis )
7.     {
8.         return function()
9.         {
10.            oThis.oCap.setCapture(true);
11.         }
12.     }
13.     //再應用CaptureMouse
14.     this.oCap.onmousedown = this.CaptureMouse(this);
15. }