override class fields

JS ⟩ types ⟩ class ⟩ inheritance ⟩ override class fields

⭐️ 重點

⭐️ class fields initialization：

The class fields are initialized:

• base class: before constructor()

• derived class: immediately after super()

👉 參閱： derived class init 看完整的「初始化」過程。

💾 程式

💈範例：replit

overridden class fields not fully initialized

// base class
class A {
    name = 'A';
    constructor() { log(this.name); }
}

// derived class
class B extends A {

    name = 'B';            // 🔸 overridden class fields

    constructor(){
        // ❗ `this` doesn't exist before `super()`
        super();
        log(this.name);
    }
}

new A();        // "A"
new B();        // "A"❗, "B" 

❗狀況

overridden class fields not fully initialized

class A {
    name = 'A';
    constructor() { 
        // ⭐️ overridden class fields not fully initailized at this point
        log(this.name); 
    }
}

class B extends A {
    name = 'B';        // ⭐️ overridden class field
}

new A();     // "A"
new B();     // "A"❗

📗 參考

• JS.info ⟩ override class fields: a tricky note ⭐️

👥 相關

• see how class field are initialized in derived class init.

• derived class fields are initialized immediately after super().