JavaScript中用let語句宣告作用域（圖文教學）

首先要注意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基礎心法（圖文教程，詳細為你解答）

相關JavaScript模組詳細解答

以上是JavaScript中用let語句宣告作用域（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！