es6為什麼引用let
因為let在if、for迴圈中有區塊級作用域，所以es6引入了let；var在if和for迴圈中是沒有作用域的，只有藉助function的作用域來解引用作用域外面的變數問題，而let擁有區塊級作用域,一個「{}」就是一個作用域。
本教學操作環境：windows10系統、ECMAScript 6.0版本、Dell G3電腦。
es6為什麼引用let
因為var在if、for迴圈中是沒有作用域的，只有藉助function的作用域來解決引用作用域外面的變數的問題；而let在if、for迴圈中是有區塊級作用域的，這是var所沒有的功能，所以es6中使用let關鍵字而不是使用var。
因為在先前的JavaScript（ES5之前）中，var在像if ，for迴圈中是沒有作用域的，只有藉助function的作用域來解決引用作用域外面的變數的問題
在ES6中加入了let，它在if和for中是有塊級作用域的，let擁有塊級作用域,一個{}就是一個作用域，也就是let聲明塊級變量，即局部變量.
const 也是有區塊級作用域的，當我們的修飾的標識符不想再被改變賦值時用const
建議在ES6開發中優先使用const，只有想改變一個標識符的時候才會使用let
let的三大特性：
用於宣告變數的的關鍵字，必須先宣告再使用
let宣告的變數具有區塊級作用域
#暫時性死區特性
下面我透過案例向童靴們解析：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>使用let关键字声明变量</title>
</head>
<body>
<script>
//let关键字用于声明变量的,使用let关键字声明的变量具有块级作用域
let num = 10;
console.log(num);
//错误使用let(let声明变量只在所处于的块级有效)
if (true) {
let nums = 100;
}
console.log(nums); //nums is not defined
</script>
</body>
</html>瀏覽器控制器運行如下：
注意：var用於聲明全域變量，不具備區塊級作用域
// 在一个大括号中
// 使用let关键字声明的变量才具有块级作用域，var关键字是不具备这个特点的
if(true) {
let a = 100;var b = 200;
}
console.log(a);
consoLe.log(b);瀏覽器控制器運作如下：
#【相關推薦：javascript影片教學、web前端】
以上是es6為什麼引用let的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
ES6怎麼求數組反轉
Oct 26, 2022 pm 06:19 PM
在ES6中，可以利用數組物件的reverse()方法來實現數組反轉，該方法用於顛倒數組中元素的順序，將最後一個元素放在第一位，而第一個元素放在最後，語法「array.reverse()」。 reverse()方法會修改原始數組，如果不想修改需要配合擴充運算子「...」使用，語法「[...array].reverse()」。
async是es6還是es7的
Jan 29, 2023 pm 05:36 PM
async是es7的。 async和await是ES7中新增內容，是對於非同步操作的解決方案；async/await可以說是co模組和生成器函數的語法糖，用更清晰的語意解決js非同步程式碼。 async顧名思義是「非同步」的意思，async用於聲明一個函數是異步的；async和await有一個嚴格規定，兩者都離不開對方，且await只能寫在async函數中。
es6怎麼找出2個數組中不同項
Nov 01, 2022 pm 06:07 PM
步驟：1、將兩個陣列分別轉換為set類型，語法「newA=new Set(a);newB=new Set(b);」；2、利用has()和filter()求差集，語法“ new Set([...newA].filter(x =>!newB.has(x)))”，差集元素會被包含在一個set集合中返回；3、利用Array.from將集合轉為數組類型，語法“Array.from(集合)”。
小程式為什麼要將es6轉es5
Nov 21, 2022 pm 06:15 PM
為了瀏覽器相容。 ES6作為JS的新規範，加入了許多新的語法和API，但現代瀏覽器對ES6新特性支援不高，所以需將ES6程式碼轉換為ES5程式碼。在微信web開發者工具中，會預設使用babel將開發者ES6語法程式碼轉換為三端都能很好支援的ES5的程式碼，幫助開發者解決環境不同所帶來的開發問題；只需要在專案中配置勾選好「ES6轉ES5」選項即可。
es5和es6怎麼實現陣列去重
Jan 16, 2023 pm 05:09 PM
es5中可以利用for語句和indexOf()函數來實現數組去重，語法“for(i=0;i<數組長度;i++){a=newArr.indexOf(arr[i]);if(a== -1){...}}」。在es6中可以利用擴充運算子、Array.from()和Set來去重；需要先將陣列轉為Set物件來去重，然後利用擴充運算子或Array.from()函數來將Set物件轉回數組即可。
es6暫時性死區是什麼意思
Jan 03, 2023 pm 03:56 PM
在es6中，暫時性死區是語法錯誤，是指let和const命令使區塊形成封閉的作用域。在程式碼區塊內，使用let/const指令宣告變數之前，變數都是不可用的，在變數宣告之前屬於該變數的「死區」；這在語法上，稱為「暫時性死區」。 ES6規定暫時性死區和let、const語句不出現變量提升，主要是為了減少運行時錯誤，防止在變量聲明前就使用這個變量，從而導致意料之外的行為。
require是es6語法嗎
Oct 21, 2022 pm 04:09 PM
不是，require是CommonJS規範的模組化語法；而es6規範的模組化語法是import。 require是運行時加載，import是編譯時加載；require可以寫在程式碼的任意位置，import只能寫在文件的最頂端且不可在條件語句或函數作用域中使用；require運行時才引入模組的屬性所以效能相對較低，import編譯時引入模組的屬性所所以效能稍高。
es6 map有序嗎
Nov 03, 2022 pm 07:05 PM
map是有序的。 ES6中的map類型是一種儲存著許多鍵值對的有序列表，其中的鍵名和對應的值支持所有數據類型；鍵名的等價性判斷是通過調用“Objext.is()”方法來實現的，所以數字5與字串「5」會被判定為兩種類型，可以分別作為兩種獨立的鍵出現在程式中。
