Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2024-10-29 04:49:02
asal
1003 orang telah melayarinya

 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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan