1. 程式人生 > >var,const,let區分

var,const,let區分

主要內容是: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宣告的變數可以重複賦值。