Зачем ошибаться this.propertyName ссылка внутри абстрактного метода реализации?

Question

Почему в коде ниже я получил неправильный this.name ссылка внутри абстрактного метода реализации?

abstract class Abstract { 
    protected name: string; 

    constructor() { 
    this.abstractMethod(); 
    } 

    protected abstract abstractMethod(): void; 
} 

class Concrete extends Abstract { 
    protected name: string = 'Concrete'; 

    protected abstractMethod() { 
    console.log(this, this.name); // Concrete, undefined 
    } 
} 

new Concrete(); 

Link on example

Answer 1

Я действительно не знаю, что вы хотите достичь, но, возможно, это помогает, извините за мой английский

abstract class Abstract { 
    protected name: string; 

    constructor() { 
     //this.abstractMethod(); 
    } 

    protected abstract abstractMethod(): void; 
} 

class Concrete extends Abstract { 
    protected name: string = 'Concrete'; 

    constructor() { 
     super(); 
     this.abstractMethod(); 
    } 

    protected abstractMethod() { 
     console.log(this, this.name); 
    } 
} 

консоли:

Concrete { name: 'Concrete' } 'Concrete' 

Answer 2

Глядя на скомпилированный JavaScript может помочь в ситуациях, как это:

function Concrete() { 
    _super.apply(this, arguments); // calls this.abstractMethod() 
    this.name = 'Concrete'; 
} 

Задание не занимает места, пока после супер вызова-вызова Abstract-х конструктор - и так во время this.abstractMethod называется this.name is undefined.

Answer 3

явление вы наблюдали предсказуемо, так как конструкторы выполняются в порядке от базовых классов до конкретных классов. Лучшее решение заключается в том, чтобы конструктор абстрактных классов обрабатывал свойство name:

abstract class Abstract { 

    constructor (protected name: string) { 
    this.abstractMethod(); 
    } 

    protected abstract abstractMethod(): void; 
} 

class Concrete extends Abstract { 
    constructor() { 
    super("Concrete"); 
    } 
    protected abstractMethod() { 
    console.log(this, this.name); // Concrete, undefined 
    } 
} 

new Concrete();