1. 程式人生 > >js中const、let、var的區別

js中const、let、var的區別

如果 資料 tool alt 文章 div 相關 整理 bar

今天第一次遇到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
技術分享圖片

js中const、let、var的區別