JavaScript 原型鏈與私有成員：為什麼原型方法無法訪問構造函數局部變量

代碼示例

function F() {
    var list = []; // 私有成員（局部變量）
}
F.prototype.method = function() {
    // 這裡想訪問 list
};

核心結論：原型方法無法訪問構造函數的局部變量（私有成員）

原因深度解析

1. 作用域鏈機制

• var list 是 F 執行上下文中的局部變量，屬於 F 的詞法作用域。
• F.prototype.method 定義在全局/模塊作用域，其[[Scope]] 不包含 F 的執行上下文。
• JavaScript 採用靜態作用域（詞法作用域），函數創建時確定作用域鏈，運行時不會改變。原型方法創建時不在 F 內部，故無法捕獲 list。

2. 閉包才能訪問私有成員

若需在實例方法中訪問私有變量，必須將方法定義在構造函數內部，形成閉包：

function F() {
    var list = []; // 私有
    this.method = function() { // 特權方法
        // 可訪問 list
        list.push(1);
        return list;
    };
}

缺點：每個實例都會創建獨立的 method 函數副本，佔用更多內存，無法共享。

工程化解決方案

方案一：約定俗成下劃線前綴（偽私有）

function F() {
    this._list = []; // 約定私有，實際可訪問
}
F.prototype.method = function() {
    this._list.push(1); // 原型方法可訪問實例屬性
};

優點：原型共享、內存高效、語法簡單。缺點：非強制私有，依賴開發者自覺。

方案二：ES6 Symbol 偽私有

const LIST = Symbol('list');
class F {
    constructor() { this[LIST] = []; }
    method() { this[LIST].push(1); }
}

Symbol 屬性不可被 for...in、Object.keys 遍歷，較難被誤訪問。

方案三：ES6 私有字段（Stage 3，現代瀏覽器/Node 12+ 支持）

class F {
    #list = []; // 真正私有
    method() { this.#list.push(1); }
}

語法層面強制私有，外部訪問直接報錯，推薦新項目使用。

方案四：WeakMap 外部存儲（兼容舊環境，真私有）

const listMap = new WeakMap();
class F {
    constructor() { listMap.set(this, []); }
    method() { listMap.get(this).push(1); }
}

WeakMap 鍵為弱引用，不阻礙 GC，實現真私有且無內存洩漏風險。

最佳實踐建議

1. 新項目（現代環境）：優先使用 #privateField（ES2022 標準）。
2. 舊項目/需兼容 IE：使用 _underscore 約定 + 代碼審查，或 WeakMap 方案。
3. 避免在構造函數內定義實例方法：除非極少數實例且極度需要強私有，否則原型共享效能優勢巨大。
4. 理解作用域鏈與閉包：這是 JS 核心機制，決定了「誰能訪問誰」。

總結

原型方法定義在構造函數外部，作用域鏈不包含構造函數的局部變量，故無法訪問私有成員。解決路徑：閉包（犧牲共享）、約定私有（_list）、Symbol、ES6 #私有字段、WeakMap。根據項目環境與團隊規範選擇。