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

Linda Hamilton
Lepaskan: 2024-10-18 13:22:30
asal
896 orang telah melayarinya

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

Pemusnahan Objek dengan Penamaan Semula Pembolehubah Sasaran dalam ES6/ES2015

Pemusnahan objek ialah cara ringkas dan mudah untuk mengekstrak sifat daripada objek. Walau bagaimanapun, bagaimana jika anda ingin menamakan semula pembolehubah sasaran semasa pemusnahan? Dalam artikel ini, kami akan meneroka cara untuk mencapai perkara ini dalam ES6/ES2015.

Menamakan semula Pembolehubah Sasaran

Kata kunci as yang diperkenalkan dalam ES6/ES2015 membolehkan anda untuk berikan nama baharu kepada harta yang dimusnahkan. Ini dengan berkesan menamakan semula pembolehubah sasaran.

const test = { a: 1, b: 2 };
const {a, b: c} = test;

console.log(a); // 1
console.log(c); // 2
Salin selepas log masuk

Dalam contoh ini, sifat b dimusnahkan dan diperuntukkan kepada pembolehubah c menggunakan kata kunci sebagai. Akibatnya, pembolehubah sasaran yang merujuk kepada sifat b kini ialah c.

Contoh MDN

Rangkaian Pembangun Mozilla (MDN) menyediakan satu lagi contoh jelas pemusnahan objek dengan pembolehubah sasaran menamakan semula:

var o = { p: 42, q: true };

// Assign new variable names
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true
Salin selepas log masuk

Dalam contoh ini, sifat p dan q masing-masing diberikan kepada nama pembolehubah baharu foo dan bar, menggunakan kata kunci sebagai.

Atas ialah kandungan terperinci Bagaimana untuk menamakan semula Pembolehubah Sasaran Semasa Pemusnahan 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!