VAR, LET, dan CONST dalam JavaScript mempunyai perbezaan yang signifikan dalam skop, promosi berubah -ubah, dan kebolehubahan. 1. Var adalah skop fungsi, boleh diakses di mana sahaja dalam fungsi; Biarkan dan const adalah skop peringkat blok, boleh diakses hanya dalam blok kod yang mengisytiharkannya. 2. VAR mempunyai promosi yang berubah -ubah dan diasaskan untuk tidak ditentukan, sementara LET dan Const juga dipromosikan, tetapi berada di "zon mati sementara". Kesalahan akan dilaporkan sebelum perisytiharan itu. 3. Var boleh berulang kali diisytiharkan dan ditugaskan; Biarkan tidak dapat diisytiharkan berulang kali tetapi boleh ditugaskan semula; Const tidak boleh diisytiharkan berulang kali dan tidak boleh ditugaskan semula (kandungan objek atau array boleh diubahsuai). 4. Const harus digunakan terlebih dahulu dalam pembangunan sebenar. Jika penugasan semula diperlukan, gunakan biarkan, dan cuba mengelakkan menggunakan VAR.

var , let dan const dalam JavaScript seolah -olah digunakan untuk mengisytiharkan pembolehubah, tetapi senario tingkah laku dan penggunaannya sebenarnya sangat berbeza. Ramai orang akan menggunakan var secara langsung apabila mereka mula menulis JS, tetapi mereka menghadapi masalah seperti peningkatan pembolehubah dan kekeliruan dalam skop. Memahami perbezaan antara ketiga -tiga kata kunci ini dapat membantu anda menulis kod yang lebih stabil dan dapat dipelihara.

1. Skop Variabel: Skop Tahap Blok Vs Skop Fungsi

Ini adalah salah satu perbezaan teras antara ketiga -tiga.

• var adalah fungsi-scoped: Ia hanya berfungsi di dalam fungsi semasa, bukan di dalam blok kod {} .
• let dan const adalah blok-scoped: selagi mereka diisytiharkan dalam {} , mereka hanya boleh diakses dalam blok kod itu.

Contohnya:

 jika (benar) {
  var namevar = 'tom';
  biarkan namelet = 'jerry';
}
Console.log (Namevar); // output 'tom'
console.log (namelet); // Ralat: Namelet tidak ditakrifkan

Seperti yang dapat dilihat dari atas, pembolehubah yang diisytiharkan oleh var akan "ditinggikan" ke skop luaran, manakala let dan const hanya boleh digunakan dalam blok semasa.

2. Tingkah laku angkat pembolehubah berbeza

Promosi berubah -ubah adalah ciri JS, iaitu, pengisytiharan berubah -ubah akan "dipindahkan" ke bahagian atas skop semasa.

• var akan dipromosikan dan dimulakan untuk undefined .
• let dan const juga akan dipromosikan, tetapi tidak akan dimulakan, memasuki apa yang dipanggil "Zon Mati Temporal" (TDZ), dan kesilapan akan dilaporkan apabila mengakses sebelum perisytiharan.

Contohnya:

 Console.log (A); // Undefined
var a = 5;

Console.log (b); // ReferenceError
biarkan b = 10;

Oleh itu, jika anda cuba menggunakan pembolehubah sebelum let atau const Declaration, JS melemparkan kesilapan dan bukannya kembali undefined seperti var .

3. Sama ada mungkin untuk menetapkan semula dan Redeclare

Ini juga merupakan faktor yang perlu dipertimbangkan ketika memilih kata kunci yang hendak digunakan.

• var : Anda boleh mengisytiharkannya berulang kali atau menetapkan semula.
• let : Perisytiharan tidak boleh diulang, tetapi nilai boleh ditugaskan semula.
• const : Anda tidak boleh mengisytiharkan berulang kali, dan anda tidak boleh menetapkan semula nilai (jika ia adalah objek atau array, kandungan boleh diubahsuai).

Contohnya:

 var x = 1;
var x = 2; // undang -undang biarkan y = 1;
biarkan y = 2; // ralat const z = 1;
z = 2; // error const obj = {name: 'Alice'};
obj.name = 'bob'; // undang -undang, kerana kandungan objek diubahsuai, bukan alamat rujukan

Oleh itu, apabila pemalar diperlukan, const lebih disukai, untuk mengelakkan masalah secara tidak sengaja mengubah dan mengubah pembolehubah.

4. Bagaimana untuk memilih dalam pembangunan sebenar?

Ringkas:

• Gunakan const terlebih dahulu, melainkan jika anda yakin bahawa pembolehubah akan ditugaskan semula selepas ditentukan.
• Sekiranya pemboleh ubah perlu diberikan beberapa kali, gunakan let .
• Cuba elakkan menggunakan var melainkan anda mengekalkan projek lama atau mempunyai keperluan khas.

Beberapa senario penggunaan biasa:

• ? Definisi berterusan: Alamat API, Item Konfigurasi, dan lain -lain → const
• ? kaunter gelung, bendera status → let
• ? Tidak disyorkan untuk menggunakan var untuk mengisytiharkan pembolehubah

Pada dasarnya itu sahaja. Walaupun ia kelihatan seperti cara yang berbeza untuk mengisytiharkan pembolehubah, dalam pengekodan sebenar, mereka mempengaruhi skop, kitaran hidup, dan pemeliharaan pembolehubah. Memikirkan perbezaan di antara mereka akan membolehkan anda menulis kod JavaScript yang lebih jelas dan kurang kereta.

Atas ialah kandungan terperinci Memahami var, biarkan, dan const dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!