ES6新特性之let和const命令的示例分析

這篇文章主要介紹了ES6新特性之let和const命令的示例分析，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

具體如下：

1. let 命令

① 在js中是沒有塊級(jí)作用域的，var 聲明的變量作用域是整個(gè)函數(shù)體，而let可以起到這一作用

{
  let a = 1;
  var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defind

② 而let可以起到這一作用啊在js中變量和函數(shù)的聲明會(huì)提升到當(dāng)前作用域最頂部執(zhí)行。這樣就會(huì)出現(xiàn)問題。

var a = [];
//函數(shù)和變量i會(huì)最先進(jìn)行聲明，同時(shí)全局變量i經(jīng)過for循環(huán)賦值為10
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
console.log(i);//10
a[6]();//10

而使用let就解決了這個(gè)問題

for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); //6

③ let不像var那樣，會(huì)發(fā)生“變量提升”現(xiàn)象

console.log(a); // a is not defined
let a = 1;

④ let不允許在相同塊級(jí)作用域內(nèi)，重復(fù)聲明同一個(gè)變量

// 報(bào)錯(cuò)
{
  let a = 10;
  var a = 1;
}
// 報(bào)錯(cuò)
{
  let a = 10;
  let a = 1;
}

2. const 命令

① const也用來聲明變量，但是聲明的是常量。一旦聲明，常量的值就不能改變。
② 與let相同也不能在相同塊級(jí)作用域內(nèi)重復(fù)聲明同一個(gè)變量。
③ const的作用域與let命令相同：只在聲明所在的塊級(jí)作用域內(nèi)有效。

const PI = 3.1415;
console.log(PI); // 3.1415
//PI = 3; // Assignment to constant variable.(不能給常量賦值)
//const PI = 3.1;// Identifier 'PI' has already been declared

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“ES6新特性之let和const命令的示例分析”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!