تنفيذ الحروف الديناميكية والمحددات في JavaScript: دليل

في JavaScript التقليدية، يتم تعريف الحروف والمحددات لأسماء خصائص محددة. ومع ذلك، من الممكن إنشاء حروف وأدوات ضبط ديناميكية أكثر مرونة باستخدام الوكلاء الذين تم تقديمهم في ES2015.

حروف الحروف والمحددات الديناميكية مع الوكلاء

تسمح حروف الحروف والمحددات الديناميكية بالوصول إلى الخاصية وتعديلها دون تعريفات صريحة. إليك كيفية تنفيذها باستخدام الوكلاء:

"use strict";
if (typeof Proxy == "undefined") {
    throw new Error("This browser doesn't support Proxy");
}
let original = {
    example: "value",
};
let proxy = new Proxy(original, {
    get(target, name, receiver) {
        if (Reflect.has(target, name)) {
            let rv = Reflect.get(target, name, receiver);
            // Modify the value here before returning
            return rv;
        }
        // Define default behavior for unknown properties
        return "missing";
      }
});

مثال للاستخدام

مع وجود الوكيل أعلاه في مكانه، يمكن إجراء الوصول إلى الخاصية وتعديلها ديناميكيًا:

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

التوافق عبر المتصفحات

يتم دعم الوكلاء في المتصفحات الحديثة مثل Chrome وFirefox وSafari. ومع ذلك، بالنسبة للمتصفحات الأقدم التي لا تدعم الوكلاء، يمكن تنفيذ الحل البديل باستخدام صيغة getter/setter الديناميكية بدون وكلاء.