Rumah > hujung hadapan web > tutorial js > Memahami Pembayang Pembolehubah dalam JavaScript: Bilakah Skop Pembolehubah Ditindih?

Memahami Pembayang Pembolehubah dalam JavaScript: Bilakah Skop Pembolehubah Ditindih?

Linda Hamilton
Lepaskan: 2024-10-24 18:30:49
asal
221 orang telah melayarinya

Understanding Variable Shadowing in JavaScript: When Does Variable Scope Override?

Memahami Pembayang Pembolehubah dalam JavaScript: Contoh Asas

Dalam JavaScript, pembayang pembolehubah berlaku apabila pembolehubah dengan nama yang sama diisytiharkan dalam skop yang lebih sempit, dengan berkesan menyembunyikan pembolehubah yang diisytiharkan dalam skop yang lebih luas.

Pertimbangkan kod berikut:

<code class="javascript">var currencySymbol = "$";

function showMoney(amount) {
  var currencySymbol = "€";
  console.log(currencySymbol + amount);
}

showMoney("100");</code>
Salin selepas log masuk

Dalam contoh ini, terdapat dua pembolehubah bernama currencySymbol. Yang pertama diisytiharkan dalam skop global, manakala yang kedua diisytiharkan dalam fungsi showMoney. Apabila fungsi showMoney dipanggil, ia mencipta pembolehubah currencySymbol sendiri, yang membayangi pembolehubah global dengan nama yang sama. Dalam fungsi tersebut, currencySymbol berskop fungsi digunakan, menghasilkan output "€100", bukannya "$100".

Tingkah laku ini menggambarkan bayang-bayang berubah. Fungsi ini mengatasi pembolehubah global dalam skopnya, mencipta contoh baharu pembolehubah dengan nama yang sama. Teknik ini boleh berguna untuk mengehadkan skop pembolehubah dan mencegah perlanggaran pembolehubah yang tidak disengajakan.

Atas ialah kandungan terperinci Memahami Pembayang Pembolehubah dalam JavaScript: Bilakah Skop Pembolehubah Ditindih?. 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