ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。
箭头函数
- 去掉function
- 在括号后面加箭头
- 如果逻辑代码仅有return可以直接省去。(逻辑体不可省)
- 如果参数只有一个,可以省去括号(多个参数不可省)
var newarr = arr.map(function(obj){
return obj *2;
});
//箭头函数
var newarr = arr.map(obj => obj*2);
对象简写
- 因为对象是key:value存在
- 如果key和变量的名字一致,可以指定义一次即可
- 如果value是一个函数,可以把
:function
去不去掉,只剩下()即可
对象解构
快速获取属性和方法的方式一种形式
var{title,link}=info2
还原代码
var title = info2.title;
var link = info2.link;
扩展运算符
- 数组的合并
- 数组的克隆
- 将伪数组转为真正的数组
const divs = document.querySelectorAll('div');
const divArr = [...divs];
console.log(divArr);
symbol
- 数据类型,类似于字符串
- 值唯一,用于解决命名冲突问题
- 独一无二,不可进行加减乘除
- Symbol()是个动态表达式,不能直接使用,要加上[]来添加属性
let youxi = {
name:"狼人杀",
[Symbol('say')]:function(){
console.log('发言');
},
[Symbol('boom')]:function(){
console.log('自爆');
}
}
迭代器 – iterable
- 迭代器是一个超级接口! 是可以遍历集合的对象,为各种容器提供了公共的操作接口,隔离对容器的遍历操作和底层实现,从而解耦。
- 需要自定义遍历数据的时候,要想到迭代器
- 第一次调用next,指针自动指向数据结构的第一个成员value:undifined,done:true
- 每调用next方法返回一个包含value和done属性的对象
生成器
- 生成器其实就是一个特殊的函数,是用于应对异步编程的解决方案
- Js本身为异步单线程
- 异步编程包括:文件操作(文件读取,文件夹) 网络操作(Ajax,request) 数据库操作
- 异步编程,纯回调函数 node–fs–ajax–mongodb
- function * 函数名( ){ },返回结果是一个迭代器对象
- yield语句:函数代码的分割符,分段执行代码
- next()方法可以传入实参,其参数将作为上一个yield语句的整体返回结果
- 用于解决回调地狱问题(无限缩进;容易重名,且重名不易被发现)
Promise
- Promise是ES6新引入的异步编程的解决方案,为构造函数
- 用于封装异步操作并可以获取其成功或失败的结果。
- resolve表示成功,执行then中第一个回调函数;
- reject表示失败,执行then中第二个回调函数。
const p = new Promise(function(resolve,reject){});
p.then(function(){},function(){});
集合Set
- ES6提供了新的数据结构Set(集合),类似于数组,但成员的值都是唯一的。
- 集合实现了iterator接口,故可使用扩展运算符和**for…of…**进行遍历
- 自动去重