(五)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

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