一、proxy
proxy作用:
1、代理
2、解决跨域问题
new Proxy(traget ,handler)
target:表示所要拦截的目标对象,handler:也是一个对象,用来定制拦截行为(方法)(函数)
3、ownKeys拦截操作,拦截过滤Object.ownKeys()对对象的属性遍历
4、has()拦截操作,拦截key in object的操作,结果会返回一个布尔值
5、apply()方法 除了对象类型的变量可以被代理,函数也可以被代理。如果被代理的变量是一个函数,那么还会支持一个拦截程序:apply调用
6、如果创建了代理之后又想取消代理的话,我们可以用Proxy.revocable()(可废止的,可撤回的;)函数来实现,它会返回一个对象
//对象中含有一个proxy属性,它就是Proxy的代理实例对象;还有一个revoke属性,它是一个方法,用于取消代理
二、for……of
for……of可遍历的数据类型:数组,伪数组,字符串,Set,Map
1、for循环 弊端:代码不简洁
2、forEach 弊端:不能中断循环
3、for……in 弊端:索引是字符串类型
4、for……of
特点:
(1)、代码简洁
(2)、中断循环
(3)、索引是number类型
(4)、索引和值可以分开遍历
1、遍历伪数组
2、遍历字符串
三、Iterator遍历器
1、for……of为什么不能遍历对象
因为对象的构造函数中没有Symbol类型的属性 Symbol.iterator
2、iterator遍历器(迭代器)原理:当可遍历对象被for……of遍历的时候,Symbol.iterator就会被调用,返回一个iterator对象
3、for……of遍历的原理:
当可遍历对象被for……of遍历的时候,Symbol.iterator就会被调用,返回一个iterator对象
iterator里面的next()方法一直被调用,返回一个对象,里面有value,done属性,
直到done属性的属性值变成true,结束循环。
4、自定义迭代器
四、Generator函数
Generator函数的作用:异步操作
1、声明Generator函数 funaction*
2、调用 先产生一个iterator遍历器对象,里 面有个next()方法, 进行调用
在返回一个对象有value done value是yield后面的值
3、return yield区别
return: 结束执行 函数的返回值,后面的语句不会执行
yield: 暂停执行 调用next()方法就会继续执行
4、next()方法还可以接受一个参数,它的参数会作为上一个yield的返回值
5、我们想调用另一个Generator函数,就需要用到的关键字是: *yield
五、class类
类的作用:生成一个对象,可以被继承
1、创建
默认有一个构造方法 this指向实例化对象
自定义方法 this指向实例化对象
静态方法static 实例化对象不能调用,需要用类调用 this指向当前类
2、类的继承
ES6使用extends关键字来实现子类继承父类
super