ES6中的常用語法總結

2021-07-25 11:41:22 字數 1483 閱讀 2845

簡要介紹:ecmascript 6 的語法已經大量用於實際專案,在這裡記錄一下,es6的一些常用的新增語法。

1.let命令和const命令

(1)首先來看let命令:用於宣告變數,表示在塊級作用域內有效。

例子:

a //a=1

b //undefined;

說明:對比與var,let是塊級作用域裡面的變數,通過let宣告的變數只在改塊級作用域內有效。

注意:(i)不存在變數提公升(let宣告不會前置)

(ii)不允許在同乙個塊級作用域內重複宣告同乙個let變數

(2)const命令:宣告了乙個唯讀的常量,一旦宣告,這個常量的是不可改變。

例子:

const pi=3.1415926;

pi=3;//error,pi的值是常量不可改變。

注意:

(i)同樣const的值不存在變數提公升。

(ii)只在塊級作用域內有效。

(iii)不能在塊級作用域內重複宣告。

2.array.from和array.of構成新的陣列

(1)array.from:用於將可遍歷物件(iterable),或者是類似於陣列物件轉化成乙個新的陣列。

例子:

let arraylike=

let newarray=array.from(arraylike);//生成陣列[a,b,c];

說明:通過array.from可以將類陣列物件或者可遍歷物件轉為成新的陣列。

注意:(i)字串和set結構都具有iterator介面,可以使用array.from或者…運算子。

或者

對於具有iterator介面,這兩種方式,都可以講其轉化為陣列。

(2)array.of:用於將一組值轉化為陣列。

說明:array.of僅僅用於將一組值轉化為陣列。

3.for of 實現陣列的遍歷(以及keys(),value(),entries()等方法)

}}

}

4.箭頭函式

首先來舉幾個箭頭函式的例子:

var a=x=>x;

等價於:

var a=function

(x)

var sum=(a,b)=>a+b;

等價於:

var sum=function

(a,b)

說明:從上述的兩個簡單的例子中我們可以看出,箭頭的左邊是傳遞的引數,箭頭的右邊是返回的結果。

注意:(i)如果箭頭函式返回值,多於一行,需要將返回值用括號括起來:

等價於:

return

}

ES6常用語法總結

es6語法中,變數的宣告方式改變了,而新的宣告方式也帶來了一些新的特性,其中最重要的就是塊級作用域和不再具有變數提公升 我們都是到,用var宣告的變數會變成乙個全域性變數,但是用let和const申宣告的變數就只能在當前作用域使用,例如 console.log a 20 cosnole.log a ...

ES6常用語法

var var name woniu console.log name imooc let 塊級作用域 console.log name imooc let是塊級作用域,只有在括號內部才可以獲取到,外部是獲取不到的 const 塊級作用域 用處當我們很多人協作開發乙個專案的時候,希望乙個變數不會被修...

ES6常用語法

let宣告的變數不存在預解析 例如,使用var呼叫如下 不會出錯 alert inum var inum 10 預解析 預編譯 不報錯但是使用let會報錯 let不能預解析 下面的寫法會報錯 alert inum let inum 10 let宣告的變數不允許重複 同乙個作用域 下面方式不會報錯 如...