JavaScript 能否為不可預測的屬性實現動態 Getter 和 Setter？

JavaScript 可以實作動態 Getters/Setter 嗎？

動態 getters 和 setters 允許 JavaScript 物件處理超出預定義屬性的屬性存取和修改。雖然早期的 JavaScript 技術對已知屬性使用特定的 getter 和 setter，但本文探討了為任何未定義的屬性實現包羅萬象的 getter 和 setter 的可能性。

ES2015 代理：動態解決方案

ES2015 引入了 JavaScript 代理，它可以建立充當其他物件中介的物件。此功能開啟了動態 getter 和 setter：

<code class="js">const original = {
    example: "value",
};
const proxy = new Proxy(original, {
    get(target, name, receiver) {
        if (Reflect.has(target, name)) {
            let rv = Reflect.get(target, name, receiver);
            if (typeof rv === "string") {
                rv = rv.toUpperCase();
            }
            return rv;
        }
        return "missing";
    },
});

console.log(`proxy.example = ${proxy.example}`); // "proxy.example = VALUE"
console.log(`proxy.unknown = ${proxy.unknown}`); // "proxy.unknown = missing"</code>

在此範例中，代理物件會攔截原始物件的屬性存取。當存取字串屬性時，代理將其轉換為大寫並傳回；對於未知屬性，它會傳回「缺失」而不是未定義。

如果瀏覽器支援 ES2015 (ES6)，則此實作是跨瀏覽器相容的。對於較舊的瀏覽器，請考慮使用 polyfill 或替代技術。代理程式為動態 getter 和 setter 提供了靈活的解決方案，無需修改原始物件即可實現高效的屬性處理和屬性自省。

以上是JavaScript 能否為不可預測的屬性實現動態 Getter 和 Setter？的詳細內容。更多資訊請關注PHP中文網其他相關文章！