(五)ECMAScript

1.let 和 const 命令
ES6新增了let命令,用來聲明變量。它的用法類似於var,但是所聲明的變量,只在let命令所在的代碼塊內’{ }’有效。

for循環的計數器,就很合適使用let命令。

let不允許在相同作用域內,重複聲明同一個變量。(包括var,let同時聲明一個變量)

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

const foo;
// SyntaxError: Missing initializer in const declaration

上面代碼表示,對於const來說,只聲明不賦值,就會報錯。
const聲明的常量,也與let一樣不可重複聲明。

2.數組和對象的解構賦值
數組的使用es5我們的用法是:
這裏寫圖片描述

es6我們可以這麼使用:
這裏寫圖片描述

對象的解構:
let的{}表示對象,第一個dessert表示對象的dessert屬性,第二個dessert表示我們聲明的變量
這裏寫圖片描述

3.模板字符串
這裏寫圖片描述

注意let聲明的breakfast用的是反引號“,裏邊的變量用${}表示

4.帶標籤的模板字符串
這裏寫圖片描述

標籤指的就是函數,函數的兩個參數strings和values分別指模板字符串的字符串數組和${}變量數組

5.參數的默認值
這裏寫圖片描述

breakfast函數中的參數,做了默認值的賦值,如果我們不傳參,將會使用默認值

6.展開操作符和剩餘操作符
…會將數組展開
這裏寫圖片描述

…會將剩餘的參數放進foods數組中
這裏寫圖片描述

7.函數的名字獲取

這裏寫圖片描述

8.箭頭函數
()表示輸入參數,=>{}表示輸入參數的函數
這裏寫圖片描述

9.對象表達式
breakfast(){}表示對象的函數
這裏寫圖片描述

10.對象的屬性名

這裏寫圖片描述

注意:帶空格的屬性不能用 obj.prop格式賦值屬性,可以用obj[”]格式對帶空格的屬性名賦值

11.對象的複製

這裏寫圖片描述

12.生成器與迭代器

這裏寫圖片描述

chef用於生成數組的迭代器wanghao,通過迭代器的next方法我們能夠獲取到數組或對象,next方法獲取的是{value:xxx ; done:true/false},value表示當前數組的值,done表示是否迭代完畢。

13.set集合
該set集合和java set集使用方法和注意事項類似:
這裏寫圖片描述
set集中和java一樣不能添加重複的元素,size表示集合元素數,has表示是否有該元素,delete刪除元素,forEach(obj=>{})循環集合,clear清空集合

ECMAScript 6的詳細學習可以參考該網站:http://es6.ruanyifeng.com/#docs/intro

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章