var,const,let區分
阿新 • • 發佈:2019-02-14
主要內容是:js中三種定義變數的方式const, var, let的區別。
1.const定義的變數不可以修改,而且必須初始化。【不可修改,必初始化】
const雖然是常量,不允許修改預設賦值,但如果定義的是物件Object,那麼可以修改物件內部的屬性值包括新增刪除鍵值對也是可以的。
eg:
const type = { a: 1 } type.a = 2 //沒有直接修改type的值,而是修改type.a的屬性值,這是允許的。 console.log(type) // {a: 2} type.b = 3 //拓展Object也是沒有問題的 console.log(type) // {a: 2 , b: 3} delete type.b=3 //刪除整個鍵值對也OK的 console.log(type) // {a: 2} //如果重新定義資料結構~常量的記憶體地址值發生改變,這個是不可行的。 type={}; //Assignment to constant variable. type=[]; //Assignment to constant variable.
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,不會報錯。【可以修改,可不初始化】
,使用var宣告的變數,無論是在程式碼的哪個地方宣告的,都會提升到當前作用域的最頂部,這種行為叫做變數提升(Hoisting)
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定義後,對函式外部無影響。【塊級作用域】
,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
const和let的異同點
**相同點:**const和let都是在當前塊內有效,執行到塊外會被銷燬,也不存在變數提升(TDZ),不能重複宣告。
**不同點:**const不能再賦值,let宣告的變數可以重複賦值。