JavaScript this.xx = function 與 var xx = function 區別：this 指向陷阱

在建構函式中，this.add = function() {...} 將方法綁定到實例；var add = function() {...} 只是區域變數，無法透過 this.add 呼叫。

問題重現

function Test() {
    this.add = function() { alert(1); };
    var self = this; // 保存 this 參考
    this.modAdd = function() {
        self.add(); // 正確：用 closure 捕獲的 self
        // this.add(); // 錯誤：此處 this 指向全域/undefined
    };
}
new Test().modAdd();

核心差異表

最佳實踐

• 方法定義在 prototype 上，節省記憶體。
• 回調/事件處理器用 arrow function 或 .bind(this) 固定 this。
• 避免在建構函式內用 var 定義需對外暴露的方法。