JS中const、var 和let的區別

李文楊發表於2017-10-12

今天第一次遇到const定義的變數,查閱了相關資料整理了這篇文章。主要內容是:js中三種定義變數的方式const, var, let的區別。

1.const定義的變數不可以修改,而且必須初始化。

1 const b = 2;//正確
2 // const b;//錯誤,必須初始化 
3 console.log('函式外const定義b:' + b);//有輸出值
4 // b = 5;
5 // console.log('函式外修改const定義b:' + b);//無法輸出 

2.var定義的變數可以修改,如果不初始化會輸出undefined,不會報錯。

1 var a = 1;
2 // var a;//不會報錯
3 console.log('函式外var定義a:' + a);//可以輸出a=1
4 function change(){
5 a = 4;
6 console.log('函式內var定義a:' + a);//可以輸出a=4
7 } 
8 change();
9 console.log('函式呼叫後var定義a為函式內部修改值:' + a);//可以輸出a=4

3.let是塊級作用域,函式內部使用let定義後,對函式外部無影響。

1 let c = 3;
2 console.log('函式外let定義c:' + c);//輸出c=3
3 function change(){
4 let c = 6;
5 console.log('函式內let定義c:' + c);//輸出c=6
6 } 
7 change();
8 console.log('函式呼叫後let定義c不受函式內部定義影響:' + c);//輸出c=3

 

相關文章