首先要注意let是ES6中的東西,起碼是IE10之前的IE瀏覽器相容要千萬當心!嗯...然後我們來看JavaScript中用let語句聲明作用域的用法講解
語法
let variable1 = value1
參數variable1
要要宣告的變數的名稱。
value1
賦給變數的初始值。
備註使用 let 語句宣告一個變量,該變數的範圍限制在宣告它的區塊中。 可以在宣告變數時為變數賦值,也可以稍後在腳本中為變數賦值。
使用 let 宣告的變量,在宣告前無法使用,否則會導致錯誤。
如果未在 let 語句中初始化您的變量,則會自動為其指派 JavaScript 值 undefined。
範例:
var l = 10; { let l = 2; // At this point, l = 2. } // At this point, l = 10. // Additional ways to declare a variable using let. let index; let name = "Thomas Jefferson"; let answer = 42, counter, numpages = 10; let myarray = new Array();
區塊層級作用域
for(var i = 0; i < 10; i++){} console.log(i); //10 for(let j = 0; j < 10; j++){} console.log(j); //"ReferenceError: j is not defined
不存在變數提升
console.log(a); // 输出undefined console.log(b); // 报错ReferenceError console.log(c); // 报错ReferenceError var a = 2; let b = 2;
注意區別undefined和ReferenceError
暫時性死區(TDZ)只要進入目前區塊級作用域,所使用的變數已經存在了,但在宣告之前都屬於死區,不可進行操作。
注意: typeof不再是100%安全的操作
typeof x; // ReferenceError typeof y // undefined let x;
不允許重複宣告
let x = 1; let x; // "SyntaxError: Identifier 'x' has already been declared var y = 2; var y = 3; // y = 3
區塊級作用域
// 匿名函数写法 (function () { var tmp = ...; ... }()); // 块级作用域写法 { let tmp = ...; ... }
ES5的嚴格模式規定,函數只能在頂層作用域和函數內聲明,其他情況(例如if程式碼區塊、循環程式碼區塊)的聲明都會報錯。
// ES5 'use strict'; if (true) { function f() {} // 报错 }
ES6由於引入了區塊級作用域,這種情況可以理解成函數在區塊級作用域內聲明,因此不報錯,但是構成區塊的大括號不能少
// 报错 'use strict'; if (true) function f() {}
宣告的全域變數不再是window的屬性
"use strict"; var a = 1; console.log(window.a) // 1 let b = 1; console.log(window.b) // undefined
上面是我整理給大家的,希望未來會對大家有幫助。
相關文章:
對javascript Function函數深入理解與實戰(附上程式碼)
以上是JavaScript中用let語句宣告作用域(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!