let
和const
是 es6 新增的命令,用於宣告變數,這兩個命令跟 es5 的var
有許多不同,並且let
和const
也有一些細微的不同,再認真閱讀了阮一峰老師的文件後,發現還是有一些不知道的細節...
部落格、前端積累文件、
github
var
和let
/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在轉化的時候,做了一些處理,在瀏覽器的控制台中測試,就成功報錯
let
、const
不允許在相同作用域內,重複宣告同乙個變數
function func(arg)
function func(arg)
}
瀏覽器環境頂層物件是:window
node環境頂層物件是:global
var宣告的全域性變數會掛在頂層物件下面,而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也有一些細微的不同,再認真閱讀了阮一峰老師的文件後,發現還是有一些不知道的細節 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 塊作用域 沒有塊作用時使...