国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

let,const與var的比較

lemon / 2712人閱讀

摘要:聲明一個只讀的常量。的作用域與命令相同只在聲明所在的塊級作用域內(nèi)有效。這在語法上,稱為暫時性死區(qū),簡稱。暫時性死區(qū)也意味著不再是一個百分之百安全的操作。重復(fù)聲明是允許在相同作用域內(nèi)重復(fù)聲明同一個變量的,而與不允許這一現(xiàn)象。

轉(zhuǎn)載自阮一峰老師的ES6入門,稍有修改

1.基本概念MDN

var聲明了一個變量,并且可以同時初始化該變量。
let語句聲明一個塊級作用域的本地變量,并且可選的賦予初始值。
const 聲明創(chuàng)建一個只讀的常量,作用域與let相同。這不意味著常量指向的值不可變,而是變量標(biāo)識符的值只能賦值一次。

2.基本用法

var為大家所熟悉,在這里不再贅述。

let

let的用法類似于var,但是所聲明的變量,只在let命令所在的代碼塊內(nèi)有效。

{  
  let a = 10;  
  var b = 1;  
}  
a // ReferenceError: a is not defined.  
b // 1

上面代碼在代碼塊之中,分別用let和var聲明了兩個變量。然后在代碼塊之外調(diào)用這兩 個變量,結(jié)果let聲明的變量報錯,var聲明的變量返回了正確的值。這表明,let聲明 的變量只在它所在的代碼塊有效。

for循環(huán)的計數(shù)器,就很合適使用let命令。

for (let i = 0; i < 10; i++) {}

console.log(i);
//ReferenceError: i is not defined

上面代碼中,計數(shù)器i只在for循環(huán)體內(nèi)有效,在循環(huán)體外引用就會報錯。

另外,for循環(huán)還有一個特別之處,就是循環(huán)語句部分是一個父作用域,而循環(huán)體內(nèi)部 是一個多帶帶的子作用域。

for (let i = 0; i < 3; i++) {
  let i = "abc";
  console.log(i);
}
// abc
// abc
// abc

上面代碼輸出了3次abc,這表明函數(shù)內(nèi)部的變量i和外部的變量i是分離的。

const

const聲明一個只讀的常量。一旦聲明,常量的值就不能改變。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

上面代碼表明改變常量的值會報錯。

const聲明的變量不得改變值,這意味著,const一旦聲明變量,就必須立即初始化,不能留到以后賦值。

const foo;
// SyntaxError: Missing initializer in const declaration
上面代碼表示,對于const來說,只聲明不賦值,就會報錯。

const的作用域與let命令相同:只在聲明所在的塊級作用域內(nèi)有效。

3.變量聲明提升與暫時性死區(qū)

變量聲明提升MDN

此段僅適用var聲明

由于變量聲明(以及其他聲明)總是在任意代碼執(zhí)行之前處理的,所以在代碼中的任
意位置聲明變量總是等效于在代碼開頭聲明。這意味著變量可以在聲明之前使用,這
個行為叫做“hoisting”?!癶oisting”就像是把所有的變量聲明移動到函數(shù)或者全 局代碼的開頭位置。

bla = 2
var bla;
// ...
// 可以理解為:   
var bla;  
bla = 2; 由于這個原因,我們建議總是在作用域的最開始(函數(shù)或者全局代碼的開頭)聲明變 量。這樣可以使變量的作用域變得清晰。 var命令會發(fā)生”變量提升“現(xiàn)象,即變量可以在聲明之前使用,值為undefined。這種

現(xiàn)象多多少少是有些奇怪的,按照一般的邏輯,變量應(yīng)該在聲明語句之后才可以使用。

為了糾正這種現(xiàn)象,let命令改變了語法行為,它所聲明的變量一定要在聲明后使用, 否則報錯。

// var 的情況
console.log(foo); // 輸出undefined
var foo = 2;

// let 的情況
console.log(bar); // 報錯ReferenceError
let bar = 2;

上面代碼中,變量foo用var命令聲明,會發(fā)生變量提升,即腳本開始運行時,變量foo 已經(jīng)存在了,但是沒有值,所以會輸出undefined。變量bar用let命令聲明,不會發(fā)生 變量提升。這表示在聲明它之前,變量bar是不存在的,這時如果用到它,就會拋出一 個錯誤。

const的作用域與let命令相同:只在聲明所在的塊級作用域內(nèi)有效。

if (true) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

暫時性死區(qū)

只要塊級作用域內(nèi)存在let命令,它所聲明的變量就“綁定”(binding)這個區(qū)域, 不再受外部的影響。

var tmp = 123;

if (true) {
  tmp = "abc"; // ReferenceError
  let tmp;
}

上面代碼中,存在全局變量tmp,但是塊級作用域內(nèi)let又聲明了一個局部變量tmp,導(dǎo)致后者綁定這個塊級作用域,所以在let聲明變量前,對tmp賦值會報錯。

ES6明確規(guī)定,如果區(qū)塊中存在let和const命令,這個區(qū)塊對這些命令聲明的變量,從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量,就會報錯。

總之,在代碼塊內(nèi),使用let命令聲明變量之前,該變量都是不可用的。這在語法上,稱為“暫時性死區(qū)”(temporal dead zone,簡稱 TDZ)。

if (true) {
  // TDZ開始
  tmp = "abc"; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ結(jié)束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

上面代碼中,在let命令聲明變量tmp之前,都屬于變量tmp的“死區(qū)”。

“暫時性死區(qū)”也意味著typeof不再是一個百分之百安全的操作。

typeof x; // ReferenceError
let x;
上面代碼中,變量x使用let命令聲明,所以在聲明之前,都屬于x的“死區(qū)”,只要用到該變量就會報錯。因此,typeof運行時就會拋出一個ReferenceError。

作為比較,如果一個變量根本沒有被聲明,使用typeof反而不會報錯。

typeof undeclared_variable // "undefined"
上面代碼中,undeclared_variable是一個不存在的變量名,結(jié)果返回“undefined”。所以,在沒有l(wèi)et之前,typeof運算符是百分之百安全的,永遠(yuǎn)不會報錯?,F(xiàn)在這一點不成立了。這樣的設(shè)計是為了讓大家養(yǎng)成良好的編程習(xí)慣,變量一定要在聲明之后使用,否則就報錯。

另外,下面的代碼也會報錯,與var的行為不同。

// 不報錯
var x = x;

// 報錯
let x = x;
// ReferenceError: x is not defined

上面代碼報錯,也是因為暫時性死區(qū)。使用let聲明變量時,只要變量在還沒有聲明完成前使用,就會報錯。上面這行就屬于這個情況,在變量x的聲明語句還沒有執(zhí)行完成前,就去取x的值,導(dǎo)致報錯”x 未定義“。

ES6 規(guī)定暫時性死區(qū)和let、const語句不出現(xiàn)變量提升,主要是為了減少運行時錯誤,防止在變量聲明前就使用這個變量,從而導(dǎo)致意料之外的行為。這樣的錯誤在 ES5 是很常見的,現(xiàn)在有了這種規(guī)定,避免此類錯誤就很容易了。

總之,暫時性死區(qū)的本質(zhì)就是,只要一進入當(dāng)前作用域,所要使用的變量就已經(jīng)存在了,但是不可獲取,只有等到聲明變量的那一行代碼出現(xiàn),才可以獲取和使用該變量。

4.重復(fù)聲明

var是允許在相同作用域內(nèi)重復(fù)聲明同一個變量的,而let與const不允許這一現(xiàn)象。

// 報錯
function () {
  let a = 10;
  var a = 1;
}

// 報錯
function () {
  let a = 10;
  let a = 1;
}

因此,不能在函數(shù)內(nèi)部重新聲明參數(shù)。

function func(arg) {
  let arg; // 報錯
}

function func(arg) {
  {
    let arg; // 不報錯
  }
}

const聲明的常量,也與let一樣不可重復(fù)聲明。

var message = "Hello!";
let age = 25;

// 以下兩行都會報錯
const message = "Goodbye!";
const age = 30;

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/82064.html

相關(guān)文章

  • 【譯】12個提高 JavaScript 技能概念!

    摘要:如果是你是高級或者初級開發(fā)人員,了解它的基本概念非常重要。由于是基本類型,因此的值等于的值,并且可以認(rèn)為此時與完全不同。展開運算符可用于提取數(shù)組的各個元素。函數(shù)本身返回從數(shù)組中刪除的項。如果未指定結(jié)束位置,則返回數(shù)組的其余部分。 譯者:前端小智 原文:hackernoon.com/12-javascri… JavaScript 是一種復(fù)雜的語言。如果是你是高級或者初級 JavaScript...

    Eidesen 評論0 收藏0
  • 理解ES6中暫時死區(qū)(TDZ)

    摘要:以英文名詞來說明,是時間的暫時的意義,則是死區(qū),意指電波達(dá)不到的區(qū)域。所以可以翻為時間上暫時的無法達(dá)到的區(qū)域,簡稱為時間死區(qū)或暫時死區(qū)。以聲明的變量或常量,必需是經(jīng)過對聲明的賦值語句的求值后,才算初始化完成,創(chuàng)建時并不算初始化。 Temporal Dead Zone(TDZ)是ES6(ES2015)中對作用域新的專用語義。TDZ名詞并沒有明確地寫在ES6的標(biāo)準(zhǔn)文件中,一開始是出現(xiàn)在ES...

    Mike617 評論0 收藏0
  • 12個提高 JavaScript 技能概念!

    摘要:如果是你是高級或者初級開發(fā)人員,了解它的基本概念非常重要。展開運算符可用于提取數(shù)組的各個元素。函數(shù)本身返回從數(shù)組中刪除的項。如果未指定結(jié)束位置,則返回數(shù)組的其余部分。根據(jù)提供的函數(shù)對數(shù)組進行排序。 showImg(https://segmentfault.com/img/bVbscTR?w=800&h=410); JavaScript 是一種復(fù)雜的語言。如果是你是高級或者初級 Java...

    ermaoL 評論0 收藏0
  • ES6(中)

    摘要:它用來比較兩個值是否嚴(yán)格相等,與嚴(yán)格比較運算符的行為基本一致。兩個對象的地址不一樣與嚴(yán)格比較運算符的不同之處只有兩個一是不等于,二是等于自身基本用法方法用于對象的合并,將源對象的所有可枚舉屬性,賦值到目標(biāo)對象。 這是ES6的入門篇教程的筆記,網(wǎng)址:鏈接描述,以下內(nèi)容中粗體+斜體表示大標(biāo)題,粗體是小標(biāo)題,還有一些重點;斜體表示對于自身,還需要下功夫?qū)W習(xí)的內(nèi)容。這里面有一些自己的見解,所以...

    dreamGong 評論0 收藏0
  • ES6

    摘要:對象可被不定參數(shù)和默認(rèn)參數(shù)完美代替。將對象納入規(guī)范,提供了原生的對象。規(guī)定,命令和命令聲明的全局變量,屬于全局對象的屬性命令命令命令聲明的全局變量,不屬于全局對象的屬性。。這些函數(shù)表達(dá)式最適合用于非方法函數(shù),并且它們不能用作構(gòu)造函數(shù)。 ES6的了解 新增模板字符串(為JavaScript提供了簡單的字符串插值功能)、箭頭函數(shù)(操作符左邊為輸入的參數(shù),而右邊則是進行的操作以及返回的值In...

    snifes 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<