1.let 和 const 命令 在es5時,只有兩種變數聲明,var 和function。在es6中新增了四種let和const,以及另外兩種聲明import和class。 我們先講解let和const,後續會補充import和class (1)let 我們先來看基本語法 { let a = 10 ...
1.let 和 const 命令
在es5時,只有兩種變數聲明,var 和function。在es6中新增了四種let和const,以及另外兩種聲明import和class。 我們先講解let和const,後續會補充import和class
(1)let
我們先來看基本語法
{
let a = 10;
var b = 1;
}
b // 1
a // ReferenceError: a is not defined.
複製代碼
我們在代碼塊中聲明瞭a,b。然後a is not defined.這是因為let命令只在對應的代碼塊中有效,我們在外部去引用它,就會報錯。這就是let的塊級作用域的效果,如果不太清楚什麼是塊級作用域。我們來看下麵的例子
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[0]();//10
a[6](); // 10
除了本文案例,接下來我還會在我的裙里用視頻講解的方式給大家拓展下圖中的內容:有興趣的可以來我的扣扣裙 519293536 免費交流學習,我都會儘力幫大家哦,
這是一個老生常談的問題了。i在for迴圈中定義的是全局變數。我們在調用函數時。函數內部的i引用的是全局的i,所以列印出來的 是10. 我們之前是這樣解決的。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = (function (a) {
return function(){
console.log(a);
}
}(i));
}
a[0]();//0
a[6](); // 6
複製代碼
我們使用了立即執行函數將i的值傳入了內部的函數,這樣內部的函數就能夠獲取到對應的i。
我們用let來代替var,最後輸出的是 6。
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 6
複製代碼
這是因為我們每一次的迴圈都生成了一個新的塊級作用域,內部保存著i的值,所以就會列印出6.
let不存在變數提升
console.log(a);
console.log(b);
var a=0;//undefined
let b=0;//ReferenceError: b is not defined
複製代碼
TDZ(暫時性死區) let命令在塊級作用域中,即使不存在變數提升,它也會影響當前塊級作用域,即綁定在了當前作用域。在作用域中引用外部的變數將會報錯。
var a=10;
{
console.log(a); //ReferenceError: a is not defined
let a=10;
}
複製代碼
同時,我們在TDZ中使用typeof也會報錯.
console.log( typeof a);//undefined
複製代碼
console.log( typeof a);//ReferenceError: a is not defined
let a=10;
複製代碼
let 不允許重覆聲明變數
{
var a=0;
let a=1;//SyntaxError: Identifier 'a' has already been declared
}
複製代碼
(2) const常量
const常量聲明一個只讀屬性的變數,不可更改,不可先聲明後賦值,生成塊級作用域。
const a;//SyntaxError: Missing initializer in const declaration(const聲明中缺少初始值設定項)
a=10;
複製代碼
它同let有很多相似的地方。 .不可重覆聲明
const a=10;
var a=10;//SyntaxError: Identifier 'a' has already been declared
複製代碼
.變數不提升
console.log(a)//ReferenceError: a is not defined
const a=10;
複製代碼
.同樣存在暫時性死區
var a=10;
{
console.log(a);//ReferenceError: a is not defined
const a=10;
}
複製代碼
另外,const保證常量的值不被修改的原理是什麼呢?const實際上無法改變的只是常量在棧區的值不變,如果這個值是一個基本數據類型,那麼const能夠保障常量的值不變,但如果是引用類型的數據,棧區保存的其實是對應常量的地址。地址無法改變,但是對應地址的堆區內容卻可以改變。
const a=[1,2,3]
a.push(4)
console.log(a); //[1, 2, 3, 4]
複製代碼
很顯然,我們通過push,直接修改了堆區的內容,間接改變了const常量的值。
如果要真正做到常量的功能,可以使用Object.freeze()
var a=[1,2,3];
Object.freeze(a)
a.push(4) //Cannot add property 3, object is not extensibleat Array.push
console.log(a);
複製代碼
2.字元串擴展方法
(1)for of字元串遍歷
使用for of可以遍歷字元串,並將字元串分解為單獨的字元串
var a='lang'
for (item of a){
console.log(item);
}
// l
// a
// n
// g
複製代碼
(2) codePointAt字元串查詢.
根據下標,查詢對應字元串。在Es5時,就有一個charAt()方法。但charAt()顯然沒想到,隨著Unicode編碼的擴展,原先的0x0000~0xFFFF已經無法滿足表示所有字元了。
var text = "