【前端】js中const,var,let區別與用法

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

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

const b = 2;//正確
 // const b;//錯誤，必須初始化 
 console.log('函數外const定義b：' + b);//有輸出值
 // b = 5;
 // console.log('函數外修改const定義b：' + b);//無法輸出 

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

var a = 1;
// var a;//不會報錯
console.log('函數外var定義a：' + a);//可以輸出a=1
function change(){
a = 4;
console.log('函數內var定義a：' + a);//可以輸出a=4
} 
change();
console.log('函數調用後var定義a爲函數內部修改值：' + a);//可以輸出a=4

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

let c = 3;
console.log('函數外let定義c：' + c);//輸出c=3
function change(){
let c = 6;
console.log('函數內let定義c：' + c);//輸出c=6
} 
change();
console.log('函數調用後let定義c不受函數內部定義影響：' + c);//輸出c=3