Rumah >hujung hadapan web >tutorial js >Skop var, let, const

Skop var, let, const

Linda Hamilton
Linda Hamiltonasal
2025-01-22 02:30:14238semak imbas

Scope of var, let, const

Penjelasan terperinci tentang skop pembolehubah JavaScript

Skop pembolehubah merujuk kepada kawasan dalam program di mana pembolehubah itu boleh diakses. Memahami skop pembolehubah adalah penting untuk menulis kod yang cekap dan bebas ralat.

Terdapat tiga jenis skop pembolehubah dalam JavaScript:

  • var
  • let
  • const

var Kata kunci

  • var Kata kunci pertama kali diperkenalkan pada tahun 1995 dengan keluaran awal JavaScript.
  • Pembolehubah yang diisytiharkan menggunakan var mempunyai skop global, yang bermaksud mana-mana bahagian program boleh mengakses pembolehubah tersebut.
<code class="language-javascript">var x = 10;
function inner() {
    console.log(x); // 输出:10
}
console.log(x); // 输出:10</code>
  • Pembolehubah yang diisytiharkan menggunakan var akan dinaikkan pangkat ke bahagian atas fail. Ini bermakna anda boleh cuba mengakses pembolehubah sebelum ia dimulakan, tetapi outputnya ialah undefined kerana kami belum memberikan nilai kepada pembolehubah itu lagi.
<code class="language-javascript">console.log(x); // 输出:undefined
var x = 10;
console.log(x); // 输出:10</code>

let Kata kunci

    Kata kunci
  • let telah diperkenalkan pada 2015 dengan pengenalan ECMAScript 6 dan menyediakan fungsi skop peringkat blok.
  • Pembolehubah yang dimulakan dengan let mempunyai skop blok. Oleh itu, pembolehubah tidak boleh diakses dalam skop lain seperti fungsi atau skop global.
  • Tidak seperti var, mengakses pembolehubah yang diisytiharkan dengan let sebelum mengisytiharkannya akan menyebabkan ralat disebabkan oleh Zon Mati Sementara (TDZ).
<code class="language-javascript">console.log(x); // 输出:引发错误
let x = 10;</code>
  • Begitu juga, anda tidak boleh mengakses pembolehubah peringkat blok di dalam fungsi.
<code class="language-javascript">let x = 10;
function inner() {
    console.log(x); // 输出:引发错误
}</code>

const Kata kunci

  • Ini adalah satu lagi pembolehubah berskop blok Selain itu, pembolehubah yang diisytiharkan menggunakan const mesti dimulakan pada baris yang sama.
<code class="language-javascript">const PI = 3.14;
console.log(PI); // 输出:3.14</code>
  • Kata kunci ini telah diperkenalkan dalam ECMAScript 6 dan digunakan untuk menyimpan nilai malar seperti pembolehubah persekitaran, token akses, dsb. Terutamanya digunakan untuk menyimpan sebarang nilai tetap yang tidak akan berubah pada masa hadapan.
  • Jika anda cuba menukar nilai pembolehubah yang diisytiharkan dengan const, ralat TypeError: Assignment to constant variable akan dilemparkan pada masa jalan.
<code class="language-javascript">const PI = 3.14;
PI = 3.5; // 输出:TypeError: Assignment to constant variable.</code>

Selamat pengaturcaraan!

Atas ialah kandungan terperinci Skop var, let, const. 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