Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Proksi JavaScript Mencipta Pengambil dan Penetap Dinamik untuk Sifat Tidak Ditakrifkan?

Bolehkah Proksi JavaScript Mencipta Pengambil dan Penetap Dinamik untuk Sifat Tidak Ditakrifkan?

Patricia Arquette
Patricia Arquetteasal
2024-10-29 04:49:02987semak imbas

 Can JavaScript Proxies Create Dynamic Getters and Setters for Undefined Properties?

Pengambil dan Penetap Dinamik dalam JavaScript

Pengenalan:

JavaScript menawarkan mekanisme yang fleksibel untuk akses dan pengubahsuaian harta melalui pengambil dan penetap. Walaupun sudah diketahui umum cara untuk mentakrifkan getter dan setter untuk nama sifat yang telah ditentukan, satu persoalan timbul: adakah mungkin untuk melaksanakan getter dan setter dinamik yang digunakan pada nama hartanah yang tidak ditentukan?

Dynamic Getters dan Setters menggunakan Proksi (ES6 ):

Sehingga ES2015, JavaScript memperkenalkan proksi, yang membenarkan penciptaan objek yang bertindak sebagai "fasad" untuk objek lain. Ini membolehkan pemintasan dan pengubahsuaian operasi harta, termasuk pemula dan penetap.

Contoh:

Coretan kod berikut menunjukkan pemeroleh dan penetap dinamik menggunakan proksi:

<code class="javascript">"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);
            if (typeof rv === "string") {
                rv = rv.toUpperCase();
            }
            return rv;
        }
        return "missing";
    }
});

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

Dalam contoh ini:

  • Objek asal mengandungi contoh sifat dengan nilai "nilai".
  • Proksi dicipta sebagai fasad untuk asal, dengan pengendali get().
  • Pengendali get() memintas akses harta benda. Jika harta itu wujud dalam bentuk asal, nilainya dikembalikan. Jika harta itu tidak ditemui, ia mengembalikan "hilang".
  • Jika nilai sifat yang diakses ialah rentetan, ia ditukar kepada huruf besar.
  • Pengubahsuaian harta melalui proksi ditunjukkan dalam asal.
  • Sifat yang ditakrifkan pada asal selepas penciptaan proksi juga boleh diakses melalui proksi.

Atas ialah kandungan terperinci Bolehkah Proksi JavaScript Mencipta Pengambil dan Penetap Dinamik untuk Sifat Tidak Ditakrifkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn