var和let const的區別

2021-09-06 08:29:17 字數 3905 閱讀 9795

letconst是 es6 新增的命令,用於宣告變數,這兩個命令跟 es5 的var有許多不同,並且letconst也有一些細微的不同,再認真閱讀了阮一峰老師的文件後,發現還是有一些不知道的細節…

varlet/const的區別

塊級作用域

不存在變數提公升

暫時性死區

不可重複宣告

let、const宣告的全域性變數不會掛在頂層物件下面

const命令兩個注意點:

const 宣告之後必須馬上賦值,否則會報錯

const 簡單型別一旦宣告就不能再更改,複雜型別(陣列、物件等)指標指向的位址不能更改,內部資料可以更改。

es5只有全域性作用域和函式作用域,沒有塊級作用域。

這帶來很多不合理的場景:

內層變數可能覆蓋外層變數

用來計數的迴圈變數洩露為全域性變數

var tmp =

newdate()

;functionf(

)}f(

);// undefined

var s =

'hello'

;for

(var i =

0; i < s.length; i++

)console.

log(i)

;// 5 全域性範圍都可以讀到

作用域

functionf1(

) console.

log(n)

;// 5 當前層的n

}

塊級作用域任意巢狀

console.

log(insane)

;// 報錯 讀不到子作用域的變數}}}};

塊級作用域真正使**分割成塊了

以上形式,可以用於測試一些想法,不用擔心變數重名,也不用擔心外界干擾

在塊級作用域宣告函式,因為瀏覽器的要相容老**,會產生一些問題!

在塊級作用域宣告函式,最好使用匿名函式的形式

if

(true);

// 作用域為塊級 令宣告的函式作用域範圍更清晰

}

es6 的塊級作用域允許宣告函式的規則,只在使用大括號的情況下成立,如果沒有使用大括號,就會報錯

// 報錯

'use strict';if

(true

)functionf(

)// 我們需要給if加個{}

變數提公升的現象:在同一作用域下,變數可以在宣告之前使用,值為 undefined

es5 時使用var宣告變數,經常會出現變數提公升的現象。

// var 的情況

console.

log(foo)

;// 輸出undefined

var foo =2;

// let 的情況

console.

log(bar)

;// 報錯referenceerror

let bar =

2;

只要一進入當前作用域,所要使用的變數就已經存在了,但是不可獲取,只有等到宣告變數的那一行**出現,才可以獲取和使用該變數

var tmp =

123;

// 宣告if(

true

)

暫時性死區和不能變數提公升的意義在於:為了減少執行時錯誤,防止在變數宣告前就使用這個變數,從而導致意料之外的行為。

在測試時出現這種情況:var a= '宣告';const a = '不報錯',這種情況是因為babel在轉化的時候,做了一些處理,在瀏覽器的控制台中測試,就成功報錯

letconst不允許在相同作用域內,重複宣告同乙個變數

function

func

(arg)

function

func

(arg)

}

瀏覽器環境頂層物件是:windownode環境頂層物件是:globalvar宣告的全域性變數會掛在頂層物件下面,而let、const不會掛在頂層物件下面。如下面這個栗子

var a =1;

// 如果在 node環境,可以寫成 global.a

// 或者採用通用方法,寫成 this.a

window.a // 1

let b =1;

window.b // undefined

一旦宣告,必須馬上賦值

let p;

var p1;

// 不報錯

const p3 =

'馬上賦值'

const p3;

// 報錯 沒有賦值

const一旦宣告值就不能改變簡單型別:不能改動

const p =

'不能改變'

;p =

'報錯'

複雜型別:變數指標不能變

考慮如下情況:

const p =

['不能改動'

]const p2 =p[0

]='不報錯'

p2.name =

'不報錯'

p =[

'報錯'

]p2 =

複雜型別(物件、陣列等):位址儲存的是乙個指標,const只能保證指標是固定的(總是指向同乙個位址),它內部的值是可以改變的(不要以為const就安全了!)

所以只要不重新賦值整個陣列/物件, 因為儲存的是乙個指標,所以對陣列使用的pushshiftsplice等方法也是允許的,你就是把值乙個乙個全都刪光了都不會報錯。

複雜型別還有函式,正則等,這點也要注意一下。

再總結一下,看到這些名詞,腦子裡應該會有對應的理解,如果沒有的話,那可以再看看對應的內容。

塊級作用域

不存在變數提公升

暫時性死區

不可重複宣告

let、const宣告的全域性變數不會掛在頂層物件下面

let可以先宣告稍後再賦值,而const在 宣告之後必須馬上賦值,否則會報錯

const 簡單型別一旦宣告就不能再更改,複雜型別(陣列、物件等)指標指向的位址不能更改,內部資料可以更改。

let使用場景:變數,用以替代var

const使用場景:常量、宣告匿名函式、箭頭函式的時候。

覺得還不錯的話,給我的專案點個star吧

var和let const的區別

let和const是 es6 新增的命令,用於宣告變數,這兩個命令跟 es5 的var有許多不同,並且let和const也有一些細微的不同,再認真閱讀了阮一峰老師的文件後,發現還是有一些不知道的細節.部落格 前端積累文件 github var和let const的區別塊級作用域 不存在變數提公升 暫...

let, const 和var的區別

總體來說,var和let的區別就是作用域的不同。const和let是相同作用域,區別就是不可被重新賦值。var a 10 console.log window.a 10 let b 10 console.log window.b undefined const c 10 console.log wi...

let const和var的區別

1.1 var沒有塊作用域,很容易汙染全域性 函式中的變數汙染了全域性環境 function run run console.log web houlaizhe 沒有塊作用作用域時var也會汙染全域性 for var i 0 i 10 i console.log i 1.2 塊作用域 沒有塊作用時使...