コンストラクタ（typescript）で実装されたメンバーを使用する

Question

クラスを実装するとき、実装されているメンバーはコンストラクタ内では使用できないことがわかりました。私はそれを間違って実装しているのか、本当に別のアプローチを取っているのかは分かりません。

abstract class Parent { 
    abstract myVar: number; 

    constructor() { 
    console.log(this.myVar) // Outputs undefined 
    } 

    f() { 
    console.log(this.myVar) // outputs 5 
    } 
} 

class Child extends Parent { 
    myVar: number = 5; 
} 

let myChild = new Child; 
myChild.f(); 

コンストラクタ内のこれらの実装されたメンバーにアクセスするにはどうすればよいですか？

Answer 1

基底クラスのコンストラクタそれ自身の実行中に派生クラスのフィールドを見ることができません。

あなたは代わりにこのパターンを使用することができます。

abstract class Parent { 
    constructor(public myVar: number) { 
    console.log(this.myVar) // Outputs 5 
    } 

    f() { 
    console.log(this.myVar) // outputs 5 
    } 
} 

class Child extends Parent { 
    constructor() { 
     super(5); 
    } 
} 

let myChild = new Child; 
myChild.f(); 

Answer 2

この：だから、あなたは最初のあなたがまだ割り当てられていないmyVarにアクセスしようとしているれているスーパーコンストラクタを呼び出す

class Child extends Parent { 
    myVar: number; 

    constructor() { 
     super(); 
     this.myVar = 5; 
    } 
} 

：

class Child extends Parent { 
    myVar: number = 5; 
} 

は以下と等価です。

また、これはコンパイルのjsから明らかである：

var Parent = (function() { 
    function Parent() { 
     console.log(this.myVar); 
    } 
    Parent.prototype.f = function() { 
     console.log(this.myVar); 
    }; 
    return Parent; 
}()); 
var Child = (function (_super) { 
    __extends(Child, _super); 
    function Child() { 
     var _this = _super !== null && _super.apply(this, arguments) || this; 
     _this.myVar = 5; 
     return _this; 
    } 
    return Child; 
}(Parent)); 

あなたはParentコンストラクタでmyVarにアクセスできるようにしたい場合は、のような何かを行うことができます：

abstract class Parent { 
    abstract myVar: number; 

    constructor() { 
     this.init(); 
     console.log(this.myVar); 
    } 

    f() { 
     console.log(this.myVar); 
    } 

    protected abstract init(); 
} 

class Child extends Parent { 
    myVar: number; 

    protected init() { 
     this.myVar = 5; 
    } 
}