TS子類中的super（）調用的目的是什麼？

Question

除了煩人，使之讓每一個子類需要在一個父類被更新被感動......

Answer 1

考慮下面的代碼：

class A { 
    protected sum: number; 

    constructor(protected x: number, protected y: number) { 
     this.sum = this.x + this.y; 
    } 
} 

class B extends A { 
    constructor(x: number, y: number) { 
     super(x, y); 
    } 
} 

中的構造函數來super調用類B調用A類的構造函數，如果我們看一下編譯JavaScript代碼：

var __extends = (this && this.__extends) || function (d, b) { 
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; 
    function __() { this.constructor = d; } 
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); 
}; 
var A = (function() { 
    function A(x, y) { 
     this.x = x; 
     this.y = y; 
     this.sum = this.x + this.y; 
    } 
    return A; 
}()); 
var B = (function (_super) { 
    __extends(B, _super); 
    function B(x, y) { 
     _super.call(this, x, y); 
    } 
    return B; 
}(A)); 

應該清楚，爲什麼我們這樣做，否則一切發生在A的ctor中的情況不會發生，即在類B的實例中將不會分配成員x,y和sum。

然後你可能會問「好吧，好，但爲什麼不會自動發生？爲什麼編譯器不能爲我調用super？」
這是一個公平的問題，我能想到的兩個主要的原因：

（1）因爲有時候你很想很想打電話super之前做一些事情，例如：

class A { 
    protected sum: number; 

    constructor(protected x: number, protected y: number) { 
     this.sum = this.x + this.y; 
    } 
} 

class B extends A { 
    constructor(x: number, y: number) { 
     if (x % 2 === 0) { 
      super(x, y); 
     } else { 
      super(x + 1, y); 
     } 
    } 
} 

你必須調用super在B的訪問中訪問this之前。 （2）它明確表示這是發生了什麼，否則你可能不會期望它發生，因爲你看不到它。

這個要求只對構造函數有效，類方法不需要調用它們的super，但是如果你想執行父方法的功能，你可以自由地這樣做。