【前端进阶】ES6学习笔记

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存在

1. 如果key和变量的名字一致，可以指定义一次即可
2. 如果value是一个函数，可以把：function去不去掉，只剩下（）即可

对象解构

快速获取属性和方法的方式一种形式

var{title，link}=info2

还原代码

var title = info2.title;

var link = info2.link;

扩展运算符

1. 数组的合并
2. 数组的克隆
3. 将伪数组转为真正的数组

const divs = document.querySelectorAll('div');
const divArr = [...divs];
console.log(divArr);

symbol

1. 数据类型，类似于字符串
2. 值唯一，用于解决命名冲突问题
3. 独一无二，不可进行加减乘除
4. 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…**进行遍历
• 自动去重

ES6可以在node.js，uniapp，微信小程序中得到广泛支持