DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> ES6使用let命令更簡單的實現塊級作用域實例分析
ES6使用let命令更簡單的實現塊級作用域實例分析
編輯:JavaScript技巧     

本文實例講述了ES6使用let命令更簡單的實現塊級作用域。分享給大家供大家參考,具體如下:

let 帶來了更簡單的塊級作用域

1. ES6新增了let命令,用於聲明變量。其與var的不同在於,用let聲明的變量只在 { } 內有效。這使得我們可以很方便的實現塊級作用域,不再使用立即實行函數。

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

在for循環中使用let可以有效避免全局變量污染。

2. let不會變量提升。也就是說,如果你使用var ,可以先使用變量再定義變量(注意:變量提升只提升聲明不提升賦值操作),但是如果你使用let定義變量則必須先定義後使用,否則會報錯。

console.log(a);//報錯:Uncaught ReferenceError: a is not defined
console.log(b); //undefined
let a=1;
var b=2;

3. 暫時性死區(Temporal Dead Zone)

只要塊級作用域內有let,let 聲明的變量不受全局同名變量的影響,如果想要在塊級作用域內使用let 聲明的變量,只能為其賦值。

var a=1;
if(true){
 a=2;
 let a; //Uncaught ReferenceError: a is not defined
}

4. 不允許在一個塊級作用域內重復聲明一個變量

不管是var與let重復聲明,還是let與let重復聲明,都會報錯。

希望本文所述對大家ECMAscript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved