var和let const的區別

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

var和let/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在轉化的時候，做了一些處理，在瀏覽器的控制台中測試，就成功報錯

let、const不允許在相同作用域內，重複宣告同乙個變數

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就安全了！)

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

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

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

塊級作用域

不存在變數提公升

暫時性死區

不可重複宣告

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 塊作用域沒有塊作用時使...

var和let const的區別

var和let const的區別

let, const 和var的區別

let const和var的區別

相關推薦