成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

ECMAScript6 新特性——“l(fā)et和const命令”

PascalXie / 2049人閱讀

摘要:基本用法所聲明的變量,只在命令所在的代碼塊內(nèi)有效。在循環(huán)中適合使用不存在變量提升不像那樣會發(fā)生變量提升現(xiàn)象暫時性死區(qū)只要塊級作用域內(nèi)存在命令,它所聲明的變量就綁定這個區(qū)域,不再受外部的影響。塊級作用域?qū)嶋H上為新增了塊級作用域。

1 let

基本用法

所聲明的變量,只在let命令所在的代碼塊內(nèi)有效。

{
    let b = 100;
    console.log(b); //100
}
    console.log(b); //Error

在for循環(huán)中適合使用let

不存在變量提升

let不像var那樣會發(fā)生“變量提升”現(xiàn)象

{
    console.log(a); //undefined
    var a = 10;
    console.log(b); //b is not defined
    let b = 100;
}

暫時性死區(qū)

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

var a = 100;
{
    a = 10; //這里的a是let定義的a,而不是var定義的a,因為沒有變量提升,所以報錯
    let a;
}

不允許重復(fù)聲明

let不允許在相同作用域內(nèi),重復(fù)聲明同一個變量。

{
    let a;
    let a; //Identifier "a" has already been declared
}
2 塊級作用域

let實際上為JavaScript新增了塊級作用域。

let a = 100;
{
    let a = 10;
    console.log(a); //10
}
console.log(a); //100
3 const命令

基本用法

const也用來聲明常量,一旦聲明不可改變

const a = 100;
a = 10; //Assignment to constant variable.

只聲明不賦值也會報錯

const a; //Missing initializer in const declaration

也存在塊級作用域

{
    const a = 10;
    console.log(a); //10
}
console.log(a); //a is not defined

同樣存在暫時性死區(qū)

{
    console.log(a); //a is not defined
    const a = 10;
}

也不可重復(fù)聲明

{
    const a = 10;
    const a = 100; //Identifier "a" has already been declared
}

指向復(fù)合類型變量地址不變,但對象本身可變

{
    const a = {};
    a.name = "Oliver";
    console.log(a.name); //Oliver
    a = {}; //Assignment to constant variable.
}

Object.freeze凍結(jié)對象

{
    const a = Object.freeze({});
    console.log(a); //Object {}
    a.name = "Oliver"; //不起作用
    console.log(a); //Object {}
}
4 全局對象的屬性

let、const和class命令聲明的全局變量不屬于全局對象的屬性

let a = 10;
console.log(a); //10
console.log(window.a); //undefined

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/79062.html

相關(guān)文章

  • ECMAScript6 特性——“變量的解構(gòu)賦值”

    摘要:數(shù)組的解構(gòu)賦值允許按照一定模式,從數(shù)組和對象中提取值,對變量進行賦值,這被稱為解構(gòu)。如果變量名與屬性名不一致,必須寫成下面這樣。 1 數(shù)組的解構(gòu)賦值 ES6允許按照一定模式,從數(shù)組和對象中提取值,對變量進行賦值,這被稱為解構(gòu)(Destructuring)。 基本用法 { var [a,[b,c],d,,...f] = [1,[2,3],4,5,6,7]; console...

    Eric 評論0 收藏0
  • 【前端】ES6入門基礎(chǔ)知識

    摘要:關(guān)于的入門了解新增模板字符串為提供了簡單的字符串插值功能箭頭函數(shù)操作符左邊為輸入的參數(shù),而右邊則是進行的操作以及返回的值。將對象納入規(guī)范,提供了原生的對象。增加了和命令,用來聲明變量。 關(guān)于ES6的入門了解 新增模板字符串(為JavaScript提供了簡單的字符串插值功能)、箭頭函數(shù)(操作符左邊為輸入的參數(shù),而右邊則是進行的操作以及返回的值Inputs=>outputs。)、for-o...

    philadelphia 評論0 收藏0
  • ES6

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

    snifes 評論0 收藏0
  • ES6學(xué)習(xí)摘要(01)(人學(xué)習(xí))

    摘要:入門一前言由于最近本人在學(xué)習(xí),做一些筆記能夠更好的熟悉,就趁此機會來寫一篇關(guān)于的新人學(xué)習(xí)摘要吧。的作用域與命令相同只在聲明所在的塊級作用域內(nèi)有效。塊級作用域新增方式和實際上為新增了塊級作用域。同時,函數(shù)聲明還會提升到所在的塊級作用域的頭部。 ECMAScript6/ES6 入門 一、前言 由于最近本人在學(xué)習(xí)ES6,做一些筆記能夠更好的熟悉,就趁此機會來寫一篇關(guān)于ES6的新人學(xué)習(xí)摘要吧。...

    dmlllll 評論0 收藏0
  • ECMAScript6 特性——“正則的擴展”

    摘要:第二個參數(shù)指定修飾符,如果存在則使用指定的修飾符。屬性表示是否設(shè)置了修飾符屬性的屬性返回正則表達(dá)式的正文的屬性返回正則表達(dá)式的修飾符字符串必須轉(zhuǎn)義,才能作為正則模式。 1 RegExp構(gòu)造函數(shù) ES6 允許RegExp構(gòu)造函數(shù)接受正則表達(dá)式作為參數(shù)。第二個參數(shù)指定修飾符,如果存在則使用指定的修飾符。 var regexp = new RegExp(/xyz/i, ig); consol...

    Shisui 評論0 收藏0

發(fā)表評論

0條評論

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