溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

ECMAScript 6.0中l(wèi)et和const命令的使用方法

發(fā)布時間:2020-05-28 17:19:33 來源:億速云 閱讀:276 作者:鴿子 欄目:web開發(fā)

1. 使用let命令取代var命令

在ES6之前的版本中,使用var聲明變量,在ES6中新增了let來聲明變量。let完全可以取代var,因為二者的語義相同,而且let沒有“副作用”。

我們先來看一下let命令有哪些特點:

  1. 不存在變量提升:變量只有在聲明之后才能使用;
  2. 不允許重復聲明:在相同的作用域下,一個變量名只能使用一次,不能重復聲明;
  3. 具有塊級作用域:在代碼塊中聲明的變量,只對當前代碼塊和其內(nèi)部嵌套代碼塊有效,如果嵌套代碼塊中聲明了同名變量時,則對該嵌套代碼塊無效;
  4. 存在暫時性死區(qū):當全局變量與代碼塊中變量同名時,代碼塊中的變量就有了塊級作用域,其變量聲明前不能使用。

JavaScript是弱類型的編程語言,在ES6之前使用var關鍵字聲明變量,會發(fā)生變量提升的現(xiàn)象。簡單來說,就是在聲明變量之前就對該變量進行調(diào)用,程序不會報錯,而且打印出來的值為undefined。如果是有Java或C++編程經(jīng)驗的小伙伴,肯定對這種現(xiàn)象是無法忍受的。我們用一段代碼來演示一下這種現(xiàn)象:

function test(){
    console.log(i);
    var i = 1;
}
test();

運行結果:

undefined

上面代碼中,變量i是使用var命令聲明的,我們在變量聲明之前在控制臺打印i,雖然此時變量i還沒有聲明,但是該變量已經(jīng)存在了,只不過是沒有值,所以會輸出undefined。

如果是同樣的代碼,把var替換成let來聲明,其他代碼不變,程序運行后的結果為:

ECMAScript 6.0中l(wèi)et和const命令的使用方法

當變量使用let聲明時,不會發(fā)生變量提升,這就說明在變量聲明之前,變量i是不存在的,要打印一個不存在的變量,就會拋出上面的錯誤。

在ES5 中有兩個作用域,分別是全局作用域和函數(shù)作用域,到了ES6就新增了一個塊級作用域。如果沒有塊級作用域的話,在處理業(yè)務場景時會帶來很多不便,比如內(nèi)層變量覆蓋外層變量,再或者是使用for循環(huán)時,循環(huán)中迭代的變量泄露為全局變量等等。

ES6中的let命令為JavaScript新增了塊級作用域,我們看下面的代碼:

function test() {
    let i = 1;
    if(true){
        let i = 2;
    }
    console.log(i);
}
test();

運行結果為:

1

test()函數(shù)代碼塊中,對變量i做了兩次聲明,按照var命令聲明變量的邏輯,結果應該是2,但是使用let命令聲明的變量,在該變量的代碼塊中,不受內(nèi)層代碼塊的影響。無論有多少層級的代碼塊,其每一層都有一個單獨的作用域。在內(nèi)層作用域中可以定義外層作用域的同名變量,但變量的值不受外層作用域變量的影響。

如果理解了let命令的塊級作用域的話,那么再來理解暫時性死區(qū),就輕松多了。我們對上面那段代碼稍加改造,演示暫時性死區(qū):

function test() {
    let i = 1;
    if(true){
        console.log(i);
        let i = 2;
    }
    console.log(i);
}
test();

運行結果為:

ECMAScript 6.0中l(wèi)et和const命令的使用方法

由于各層級代碼塊都有自己單獨的作用域,內(nèi)層作用域不受外層的影響,所以當我們在if()語句中再次聲明變量i時,該作用域下的變量是獨立存在的,在未聲明之前就調(diào)用該變量,就會出現(xiàn)我們前面說過的“變量提升”的概念,let命令是不存在變量提升的,所以就會拋出上面這種錯誤。

2. 使用const命令聲明常量

const命令的用法和let類似,使用const命令聲明的是一個只讀常量,一旦聲明,常量的值就不能改變。const聲明的變量值不能改變,這就意味著,變量一旦聲明后,就必須馬上給其賦初始化值。

但是在letconst之間,我建議優(yōu)先使用const,const相比let而言,有幾個優(yōu)點:

一是const從語義上就表示常量,那就可以提醒協(xié)同開發(fā)的其他人員,這個變量的值不能被修改,防止誤操作修改變量的值導致程序出錯;

二是const比較符合函數(shù)式的編程思想,運算不改變值,只是新建值;

三是JavaScript編譯器會對const進行優(yōu)化,如果const使用頻率比較高的話,有利于提高程序的運行效率,這取決于letconst在底層編譯器內(nèi)部的處理差異。

如果從長遠的角度看,JavaScript有可能會實現(xiàn)多線程編程,考慮到線程安全,let命令聲明的變量只能在單線程中使用,不能用于多線程的數(shù)據(jù)共享。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI