Bagaimana untuk menamakan semula Pembolehubah Semasa Pemusnahan Objek dalam ES6/ES2015?

Barbara Streisand
Lepaskan: 2024-10-18 12:46:03
asal
474 orang telah melayarinya

How to Rename Variables During Object Destructuring in ES6/ES2015?

Pemusnahan Objek dengan Penamaan Semula Pembolehubah dalam ES6/ES2015

Dalam JavaScript, pemusnahan objek membolehkan anda mengekstrak sifat daripada objek kepada pembolehubah dengan mudah. Walau bagaimanapun, bagaimana jika anda ingin menamakan semula pembolehubah ini semasa pemusnahan?

Daripada sintaks b yang salah seperti c yang diserlahkan dalam soalan, ES6/ES2015 menyediakan cara yang betul untuk menamakan semula pembolehubah sasaran. Anda boleh menetapkan nama pembolehubah baharu secara terus menggunakan sintaks berikut:

<code class="js">const {oldName: newName} = object;</code>
Salin selepas log masuk

Sebagai contoh, kod asal:

<code class="js">const b = 6;
const test = { a: 1, b: 2 };
const {a, b as c} = test; // Incorrect</code>
Salin selepas log masuk

boleh ditulis semula dengan betul sebagai:

<code class="js">const {a, b: c} = test; // Rename b to c</code>
Salin selepas log masuk

Selepas ini, pembolehubah akan ditetapkan seperti berikut:

<code class="js">a === 1
b === 6 // Original value unchanged
c === 2</code>
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk menamakan semula Pembolehubah Semasa Pemusnahan Objek dalam ES6/ES2015?. 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