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

Barbara Streisand
Lepaskan: 2024-10-21 06:54:02
asal
433 orang telah melayarinya

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

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

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

Kod ini bersamaan dengan berikut:

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

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

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!

sumber:php
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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!