ECMAScript6 新特性——“let和const命令”

PascalXie 發布于2019-08-19 17:59 / 2041人閱讀

摘要：基本用法所聲明的變量，只在命令所在的代碼塊內有效。在循環中適合使用不存在變量提升不像那樣會發生變量提升現象暫時性死區只要塊級作用域內存在命令，它所聲明的變量就綁定這個區域，不再受外部的影響。塊級作用域實際上為新增了塊級作用域。

1 let

基本用法

所聲明的變量，只在let命令所在的代碼塊內有效。

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

在for循環中適合使用let

不存在變量提升

let不像var那樣會發生“變量提升”現象

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

暫時性死區

只要塊級作用域內存在let命令，它所聲明的變量就“綁定”（binding）這個區域，不再受外部的影響。

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

不允許重復聲明

let不允許在相同作用域內，重復聲明同一個變量。

{
    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

同樣存在暫時性死區

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

也不可重復聲明

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

指向復合類型變量地址不變，但對象本身可變

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

Object.freeze凍結對象

{
    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

云服務器 GPU云服務器新特性新特性整理新特性總結 PHP新特性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79062.html

ECMAScript6 新特性——“變量的解構賦值”

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

Eric 2019-08-19 17:59 評論0 收藏0
【前端】ES6入門基礎知識

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

philadelphia 2019-08-21 17:21 評論0 收藏0
ES6

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

snifes 2019-08-22 15:57 評論0 收藏0
ES6學習摘要（01）（新人學習）

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

dmlllll 2019-08-21 17:59 評論0 收藏0
ECMAScript6 新特性——“正則的擴展”

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

Shisui 2019-08-19 18:00 評論0 收藏0