首頁  >  文章  >  web前端  >  es6中let和var的差別是什麼

es6中let和var的差別是什麼

WBOY
WBOY原創
2022-03-31 15:08:422342瀏覽

區別:1、let變數的作用域是在定義它的區塊級程式碼中,而var變數的作用域是在包含它的函數作用域中;2、let變數不能重複聲明,而var變數可以重複宣告;3、程式碼執行之前的掃描會將var變數初始化為undefined,而let變數沒有初始化。

es6中let和var的差別是什麼

本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。

es6中let和var的區別是什麼

let是在ES6中新引入的關鍵字,用來改進var帶來的各種問題。

let和var相比,大致有下面幾個方面的不同:

1、作用域

  • ##透過let定義的變量,作用域是在定義它的區塊級程式碼以及其中包含的子區塊中,並且無法在全域作用域中新增變數。

  • 透過var定義的變量,作用域為包含它的函數作用域或全域作用域。

2、重複宣告

  • #透過let定義的變量,在同一個作用域內,不可以重複聲明。

  • 透過var定義的變量,在同一個作用域內,重複聲明,在生成執行上下文的時候,會無視後面的聲明。

3、臨時死區引起的提升等問題

我們知道在程式碼執行之前,會先掃描所有域內的var宣告的變量,將其先進行初始化為undefined,然後再執行程式碼,也就是所謂的「提升」現象。

但對於let宣告的變數而言,則有所不同。在程式碼執行之前的掃描,同樣也會對let變數進行“提升”,但並沒有將其置為undefined。 let定義的變數雖然經歷了提升,但在沒有執行到初始化它的程式碼前,該變數並沒有被初始化,如果此時存取的話,會被置為ReferenceError錯誤。從程式碼區塊開始到執行到let變數初始化完畢這段時間,let變數已經被聲明,但無法存取。這段時間被成為臨時死區。

【相關推薦:

javascript影片教學web前端

以上是es6中let和var的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn