ES6学习笔记(四)
该学习笔记源于B站视频https://www.bilibili.com/video/av47304735?from=search&seid=16810589178466991647
一、生成器Generator
1、可以开始、暂停、开始、暂停、、、,并且可以传入另外的参数。
eg:
function* listColors(){
yield 'red'; //本次执行这个函数的返回值
yield 'green';
}
const colors=listColors(); //调用
colors.next() //类似遍历器
2、生成器可以用来控制AJAX的工作流。
function ajax(url){
axios.get(url).then(res=>userGen.next(res.data));
}
function* steps(){
const users=yield ajax('https://api.github.com/users');
const firstUser=yield ajax(`https://api.github.com/users/${users[0].login}`);
const followers=yield ajax(firstUsers.followers_url);
}
const userGen=steps();
userGen.next();
二、Proxy
1、作用:帮助重写对象上的一些默认的方法,定义自己的逻辑。
eg:const personProxy=new Proxy(target,handler);
三、set
1、set中的元素是唯一的,不会有重复的元素存在,不能通过索引值来获取元素(可以通过遍历方法),在set中数值5
和字符串‘5’
是不同的元素,可以用于去重。
2、weakset:元素只能是对象,不能通过for of等循环,没有clear方法,可以自动清理避免内存泄漏。
四、map
1、map存储的是键值对,属性可以是任意类型的数据。
2、应用场景:当你想要存储关于对象的信息而不是把这个信息存储在这个对象上时。
3、weakmap:没有size属性,不能循环,没有clear方法,,key是对象而不能是字符串,可以自动清理避免内存泄漏。使用情况:a、属性只能是对象的时候。b、数据不可用之后,希望集合中相关的数据回收以达到优化内存的目的。
ps:
1、语法糖:在计算机科学中,语法糖(syntactic sugar)是指编程语言中可以更容易的表达一个操作的语法,它可以使程序员更加容易去使用这门语言:操作可以变得更加清晰、方便,或者更加符合程序员的编程习惯。
例如:input.map(a => a-8);
去掉语法糖就是:
input.map(function (a) {
return a - 8;
});