這篇文章主要介紹“es6中l(wèi)et指的是什么”，在日常操作中，相信很多人在es6中l(wèi)et指的是什么問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”es6中l(wèi)et指的是什么”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司自2013年創(chuàng)立以來(lái)，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元托克遜做網(wǎng)站,已為上家服務(wù),為托克遜各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

在es6中，let是一個(gè)用于聲明變量的關(guān)鍵字；該關(guān)鍵字只在聲明的代碼塊中有效，出了指定代碼塊就會(huì)報(bào)錯(cuò)，并且不存在作用域提升，不允許重復(fù)聲明，存在暫時(shí)性死區(qū)，語(yǔ)法為“l(fā)et name=value;”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6的let是什么

let是es6中的聲明一個(gè)變量的命令，只在它聲明的代碼塊中有效，出了這個(gè)代碼塊就會(huì)報(bào)錯(cuò)。也非常適合for循環(huán)，在循環(huán)中i的值只在循環(huán)語(yǔ)句中生效，在外邊取不到的。

var命令聲明的是一個(gè)全局的變量，i是指向全局的變量，只會(huì)輸出最后的值。而let只在循環(huán)語(yǔ)句塊里面生效，每次循環(huán)都會(huì)重新聲明一個(gè)i的，所以每次循環(huán)都能拿到對(duì)應(yīng)的值。

for循環(huán)的變量是父作用域，和在循環(huán)體內(nèi)let定義的變量（子作用域）不在同一個(gè)作用域。

例如：

//1.在自身所在代碼塊中有效
{
    let a = 1;
    var b = 2;
}
console.log(b); // 2
console.log(a); // a is not defined
//2.在for循環(huán)語(yǔ)句塊中有效
for(var i=0;i<10;i++) {
    //...
}
console.log(i); // 10
for(let j=0;j<10;j++) {
    //...
}
console.log(j); // j is not defined
var arr = [];
for(var a=0;a<10;a++) {
    arr[a] = function () {
        console.log(a);
    }
}
console.log(a[4]); // 10
for(let b=0;b<10;b++) {
    arr[b] = function () {
        console.log(b);
    }
}
console.log(b[4]); // 4
// 3.for循環(huán)的變量和循環(huán)體內(nèi)的變量
for(var i=0;i<10;i++) {
    let i = 'fed';
    console.log(i);
}
/*
* 結(jié)果是
*   fed
*   fed
*   fed
*/

let命令不存在作用域提升

var命令是會(huì)發(fā)生作用域提升的，在聲明之前，是undefined,未聲明便有默認(rèn)值了。而let定義的變量必須在聲明后使用。

console.log(fa); // undefined
var fa = 1;
console.log(fb); // fb is not defined
let fb = 2;

let存在暫時(shí)性死區(qū)

“暫時(shí)性死區(qū)”（temporal dead zone，簡(jiǎn)稱(chēng) TDZ）是指在ES6的規(guī)定中，如果區(qū)塊中存在let和const命令的，這兩個(gè)命令聲明的變量就已經(jīng)形成了封閉作用域。在此之前聲明的變量，都會(huì)報(bào)錯(cuò)。

例如：下面聲明了一個(gè)全局變量，但是在塊級(jí)作用域中l(wèi)et又聲明了一個(gè)變量。

var food = 'apple';
if(typeof 'str' == 'string') {
    food = 'banana'; // Uncaught ReferenceError: food is not defined
    let food;
    console.log(food); // undefined
    food = 'orange';
    console.log(food); // orange
}

注意：暫時(shí)性四區(qū)會(huì)有一些不好的地方。

typeof檢測(cè)不安全

typeof x; // Uncaught ReferenceError: x is not defined
let x;

不允許重復(fù)聲明

簡(jiǎn)而言之，就是不允許在同一作用域內(nèi)，聲明兩個(gè)一樣的變量。

例如：

{
    let a = 1;
    var a = 2; // Uncaught SyntaxError: Identifier 'a' has already been declared
}
// 或者
{
    let b = 1;
    let b = 2; // Uncaught SyntaxError: Identifier 'b' has already been declared
}

注意：不能在函數(shù)參數(shù)內(nèi)重復(fù)聲明參數(shù)，否則報(bào)錯(cuò)。

function wait(x,y) {
    let x = 1; // Uncaught SyntaxError: Identifier 'x' has already been declared
    let y = 2; // Uncaught SyntaxError: Identifier 'y' has already been declared
}
wait(3,5);

頂層對(duì)象

在ES6之前，頂級(jí)對(duì)象的屬性和全局變量是一致的，所以導(dǎo)致出現(xiàn)很多問(wèn)題。

只有運(yùn)行開(kāi)才能捕捉到錯(cuò)誤，沒(méi)法一開(kāi)始就檢測(cè)出錯(cuò)誤。

頂層對(duì)象是隨時(shí)隨地可以讀取和寫(xiě)入的，所以不利于模塊化編程。

window其實(shí)指的是游覽器窗口，頂層對(duì)象有一個(gè)實(shí)體含義。

所以es6改進(jìn)了一點(diǎn)，就是let，const聲明的全局變量不屬于頂層對(duì)象的屬性。

例如：

var a = 1;
let b = 2;
console.log(window.a); // 1
console.log(window.b); // undefined

學(xué)以致用let命令

古語(yǔ)有云：學(xué)了就用處處行，不學(xué)不用等于零。所以我寫(xiě)了一個(gè)關(guān)于let的小例子。

這是一個(gè)選項(xiàng)卡的案例，在之前，我們還要定義btns[i].index = i,而現(xiàn)在用let命令就方便多了。

.tab {
    width: 300px;
    height: 30px;
    border: 1px solid #fff;
}
.tab > span {
    float: left;
    display: block;
    width: 98px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #aaa;
    cursor: pointer;
}
span.active {
    color: #fff;
    background-color: #f00;
    border: 1px solid #f00;
}
.content, .content > p {
    width: 300px;
    height: 300px;
}
.content > p {
    display: none;
    border: 1px solid #aaa;
}
p.active {
    display: block;
}

    1
    2
    3