Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menggunakan Tugasan Pemusnahan untuk Pengisytiharan Pembolehubah yang Cekap dalam JavaScript?

Bagaimana untuk Menggunakan Tugasan Pemusnahan untuk Pengisytiharan Pembolehubah yang Cekap dalam JavaScript?

Barbara Streisand
Barbara Streisandasal
2024-10-21 06:54:02435semak imbas

How to Utilize Destructuring Assignment for Efficient Variable Declarations in JavaScript?

Menyingkap Rahsia Kurungan Kerinting dalam Pengisytiharan Pembolehubah

Sintaks var { ... } = ..., sering ditemui dalam JavaScript dokumen SDK tambahan dan Javascript Chrome, pada mulanya mungkin kelihatan membingungkan. Walau bagaimanapun, ia mewakili ciri berkuasa yang dikenali sebagai penetapan penstrukturan.

Tugasan memusnahkan membolehkan pengekstrakan nilai yang cekap daripada objek dan tatasusunan, memberikannya kepada pembolehubah yang baru diisytiharkan menggunakan sintaks literal objek dan tatasusunan. Pertimbangkan contoh berikut:

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a, b, c} = ascii;</code>

Kod ini secara berkesan mengekstrak sifat tertentu (a, b, c) daripada objek ascii dan mencipta pembolehubah individu untuk setiap sifat. Pendekatan ini memperkemas kod, menghapuskan keperluan untuk tugasan berulang seperti:

<code class="javascript">var a = ascii.a;
var b = ascii.b;
var c = ascii.c;</code>

Begitu juga, anda boleh menggunakan tugasan memusnahkan untuk tatasusunan, seperti yang digambarkan di bawah:

<code class="javascript">var ascii = [97, 98, 99];

var [a, b, c] = ascii;</code>

Kod ini bersamaan dengan berikut:

<code class="javascript">var a = ascii[0];
var b = ascii[1];
var c = ascii[2];</code>

Selain itu, tugasan memusnahkan membenarkan penamaan semula harta semasa pengekstrakan. Contohnya:

<code class="javascript">var ascii = {
    a: 97,
    b: 98,
    c: 99
};

var {a: A, b: B, c: C} = ascii;</code>

Kod ini mencipta pembolehubah A, B dan C dengan nilai yang sepadan dengan sifat a, b dan c dalam objek ascii.

Atas ialah kandungan terperinci Bagaimana untuk Menggunakan Tugasan Pemusnahan untuk Pengisytiharan Pembolehubah yang Cekap dalam JavaScript?. 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