06-2 繼承之謎：原型與 this 指向

1. 原型 (Prototype) 是什麼？

每個 JS 物件都有一個隱藏屬性 [[Prototype]]。 當你在物件上找一個不存在的屬性時，JS 會去「它的原型」那邊找。這就是原型鏈。

const animal = { eats: true };
const rabbit = { jumps: true };

// 設定 animal 為 rabbit 的原型 (現代做法建議用 Object.create 或 Class)
Object.setPrototypeOf(rabbit, animal);

console.log(rabbit.eats); // true (從原型繼承而來)

2. 理解 this 的黃金準則

this 代表誰，取決於函數是如何被呼叫的，而不是在哪裡定義的。

1. 物件方法呼叫：this 就是該物件。
2. 純函數呼叫：this 是全域物件 (window) 或 undefined (嚴格模式)。
3. 箭頭函數：沒有自己的 this，繼承外層的作用域。

const person = {
  name: "Andy",
  sayHi() {
    console.log(this.name);
  }
};

person.sayHi(); // "Andy"

const talk = person.sayHi;
talk(); // ❌ undefined (因為 this 變成了全域)

3. 修改 this：Call, Apply, Bind

如果你想強迫函數聽你的話，你可以手動指定 this：

• call(): 立即執行，傳入 this 和參數。
• bind(): 不執行，回傳一個「綁定好 this」的新函數。