web前端技術(shù)近幾年在互聯(lián)網(wǎng)行業(yè)可以說是非常剛需的，各大企業(yè)都是有這個崗位存在的，越來越多的人開始學(xué)習(xí)web前端技術(shù)，進軍互聯(lián)網(wǎng)行業(yè)，那么本期小編就為大家介紹的web前端培訓(xùn)教程就是JavaScript中l(wèi)et關(guān)鍵詞聲明變量的好處，來看看下面的詳細(xì)介紹吧。

　　web前端培訓(xùn)分享：JavaScript中l(wèi)et關(guān)鍵詞聲明變量的好處

　　1. for循環(huán)索引值不會泄露

　　如果在for循環(huán)中使用let關(guān)鍵詞聲明變量，索引值只會在循環(huán)體內(nèi)有效，循環(huán)結(jié)束后，索引值會被回收;

　　如果在for循環(huán)中使用var關(guān)鍵詞聲明變量，索引值在循環(huán)結(jié)束后，索引值仍然可以訪問，所以在for循環(huán)中使用let關(guān)鍵字聲明變量時最合適的。

　　如下面案例：

<script>
　　for (var i = 0; i <= 10; i++) {

}
　　console.log(i); // 輸出：11

for(let j = 0; j <= 10; j++){

}
　　console.log(j); // ReferenceError: j is not defined
　　</script>

　　2. 可以避免變量提升導(dǎo)致變量覆蓋問題

<script>
　　var name = 'zhang';
　　function name_change() {
　　console.log(name); // undefined
　　if(false){
　　var name = 'wang';
　　}
　　}
　　name_change(); // undefined
　　</script>

　　上面代碼中，使用var關(guān)鍵字定義了全局變量name，在name_change()函數(shù)中輸出變量name，但是var關(guān)鍵字存在變量提升，在if代碼塊內(nèi)的變量name會提升至函數(shù)name_change()函數(shù)頂部，導(dǎo)致輸出的name覆蓋了外層的全局變量name，因此輸出“undefined”。

<script>
　　var name = 'zhang';
　　function name_change() {
　　console.log(name); // zhang
　　if(false){
　　let name = 'wang';
　　}
　　}
　　name_change(); // zhang
　　</script>

　　如果使用let定義if代碼塊兒內(nèi)的name，那么name變量只在if代碼塊塊內(nèi)有效，不會影響到全局變量name，所以能夠輸出“zhang”。

　　3. 代替立即執(zhí)行函數(shù)IIFE

　　立即執(zhí)行函數(shù)(Immediately-Invoked Function Expression，簡稱IIFE)的內(nèi)部是一個獨立的函數(shù)級作用域，使用IIFE的目的主要是避免污染當(dāng)前作用域內(nèi)的變量，而使用塊級作用域則可以直接避免這個問題。

　　// IIFE 寫法

　　(function () {

　　var arg = ...;

　　...

　　}());

　　// 塊級作用域?qū)懛?/p>

　　{

　　let arg = ...;

　　...

　　}

　　以上就是為大家介紹的web前端培訓(xùn)教程了，希望上面的介紹能夠給大家?guī)韼椭缧枇私飧嗟?a href="http://parentadvocate.org/page/html5.html" target="_blank">web前端培訓(xùn)班、課程、價格、試聽等信息，請您留下聯(lián)系方式，千鋒教育課程顧問會盡快聯(lián)系您，為您定制專屬課程，開始您的學(xué)習(xí)之旅。