var和let const的區別

2021-09-12 23:49:05 字數 3736 閱讀 8013

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

部落格、

前端積累文件、

github

varlet/const的區別塊級作用域

不存在變數提公升

暫時性死區

不可重複宣告

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

const命令兩個注意點:

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

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

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

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

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

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

var tmp = new date();

function f()

}f(); // undefined

var s = 'hello';

for (var i = 0; i < s.length; i++)

console.log(i); // 5 全域性範圍都可以讀到

作用域

function f1() 

console.log(n); // 5 當前層的n

}

塊級作用域任意巢狀

console.log(insane); // 報錯 讀不到子作用域的變數

}}}};

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

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

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

問題!

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

if(true); // 作用域為塊級 令宣告的函式作用域範圍更清晰

}

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

// 報錯

'use strict';

if (true)

function f() {} // 我們需要給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也有一些細微的不同,再認真閱讀了阮一峰老師的文件後,發現還是有一些不知道的細節 var和let const的區別 塊級作用域 不存在變數提公升 暫時性死區 不可重複宣告 let c...

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