JavaScript?ES新特性塊級(jí)作用域怎么使用

這篇文章主要講解了“JavaScript ES新特性塊級(jí)作用域怎么使用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“JavaScript ES新特性塊級(jí)作用域怎么使用”吧！

1.塊級(jí)作用域是什么

所謂的塊級(jí)作用域，就是該變量只能在聲明時(shí)的代碼塊或者子代碼塊中使用。在ECMAScript 2015以前的版本中是不存在塊級(jí)作用域的，而ECMAScript 2015提供的let關(guān)鍵字，使JavaScript出現(xiàn)了塊級(jí)作用域，示例代碼如下所示

/*
 * 塊級(jí)作用域只能使用 let 關(guān)鍵字
 * let關(guān)鍵字不僅可以聲明塊級(jí)作用域， 還可以用在全局作用域和函數(shù)作用域
 */
// 全局作用域
let a = 100; // 全局變量
(function () {
  // 函數(shù)作用域
  let b = 200; // 局部變量
})()
if (true) {
  // 塊級(jí)作用域
  let c = 300; // 局部變量
}
console.log(a); // 100
console.log(b); // 拋出異常
console.log(c); // 拋出異常

2.為什么需要塊級(jí)作用域

ECMAScript 5只存在全局作用域和函數(shù)作用域，沒(méi)有塊級(jí)作用域。這種情況出現(xiàn)一些問(wèn)題:

局部變量可能會(huì)覆蓋全局變量

var v = 100;
(function(){
  console.log(v); // undefined 
  var v = 200;
})

在循環(huán)體中用于計(jì)數(shù)的變量泄露為全局變量

// 定義一個(gè)循環(huán)體
for (var v = 0; v < 10; v++) {
  console.log("這是一個(gè) for 循環(huán)"); // 這是一個(gè) for 循環(huán) * 10
}
console.log(v); // 10

在循環(huán)完畢之后如果不手動(dòng)釋放此變量，其生命周期跟隨此腳本生存，占用內(nèi)存。

3.與函數(shù)聲明

ECMAScript5標(biāo)準(zhǔn)規(guī)定函數(shù)的聲明只能在全局作用域和函數(shù)作用域中，不能再塊級(jí)作用域中聲明。

情況一：

if (true) {
  function f() {}
}

情況二：

try {
  function f() {}
} catch(e) {
  // ...
}

上面兩種函數(shù)聲明，根據(jù)ECMAScript5的規(guī)定都是非法的。

而 ECMAScript 2015標(biāo)準(zhǔn)規(guī)定在塊級(jí)作用域聲明函數(shù)類似于使用了var關(guān)鍵字，即在當(dāng)前塊級(jí)作用域外無(wú)法訪問(wèn)。

{
  function fun() {
    console.log('this is fun');
  }
}
fun(); // this is fun
// 上面的等同于下面的函數(shù)
{
  var fn = function () {
    console.log('this is fn');
  }
}
fn(); // this is fn
// 如果使用 let 關(guān)鍵字 則在塊級(jí)作用域外無(wú)法訪問(wèn)
{
  let f = function () {
    console.log('this is f');
  }
}
f(); // 拋出異常 描述信息為 ReferenceError: f is not defined

感謝各位的閱讀，以上就是“JavaScript ES新特性塊級(jí)作用域怎么使用”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)JavaScript ES新特性塊級(jí)作用域怎么使用這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！