使用 ES6 類別擴充函數
在 ES6 中,程式設計師有能力擴充特殊對象,包括函數。透過使用繼承,從函數衍生類別變得可行。雖然這些擴展對象可以像函數一樣被調用,但為這些調用實現適當的邏輯可能會帶來挑戰。
這種情況下出現一個重要問題:呼叫物件時如何取得類別實例的參考作為一個函數,考慮到常規方法透過此獲得存取權限?不幸的是,在這些情況下,這個引用指向全域物件(視窗)。
解決方案:
為了解決這個問題,可以採用閉包的概念,從而創建一個封裝對實例變數的存取的回傳函數。這是一個例子:
class Smth extends Function { constructor(x) { super(() => { return x; }); } }
在此範例中,建構函數中的超級表達式啟動函數建構函數,需要一個表示要執行的程式碼的字串。然而,存取實例資料並不簡單,因此採用了硬編碼方法,產生了所需的結果:
console.log((new Smth(256))()); // Logs: 256
實現相同目標的另一種方法涉及操作原型鏈:
class Smth extends Function { constructor(x) { const smth = function() { return x; }; Object.setPrototypeOf(smth, Smth.prototype); return smth; } }
此方法允許傳回的函數成為能夠存取實例變數的閉包,從而提供了更大的靈活性。
此外,可以將此功能抽象化為可重複使用的實用程式:
class ExtensibleFunction extends Function { constructor(f) { return Object.setPrototypeOf(f, new.target.prototype); } } class Smth extends ExtensibleFunction { constructor(x) { super(() => { return x; }); } }
這種方法在繼承層次結構中創建了額外的間接級別,但在某些情況下它可能是有益的。此外,可以透過使用以下構造來避免這種情況:
function ExtensibleFunction(f) { return Object.setPrototypeOf(f, new.target.prototype); } ExtensibleFunction.prototype = Function.prototype;
但請注意,在這種情況下,Smth 不會動態繼承靜態 Function 屬性。
以上是使用 ES6 類別擴展函數時如何從函數呼叫存取類別實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!