登录免费注册



Proxy与Reflect

首页  思维导图  详情



Proxy与Reflect

2019-09-17 10:10:52   0  举报





AI智能生成

es6 Proxy和Reflect

JavaScript

JavaScript ES6 Proxy

JavaScript ES6 Reflect

ES6

模版推荐

作者其他创作

大纲/内容

使用Proxy实现观察者模式

Proxy

概述

元编程，修改操作的默认行为，在语言层面做出修改

let proxy = new Proxy(target,handler)

target 和 handle分别为所要拦截的对象和定制拦截行为的对象

方法

get()

拦截属性的读取操作

点运算符和方括号运算符

set()

拦截属性的赋值操作

apply()

拦截函数的调用、call、apply操作

has()

拦截HasProperty操作。判断对象是否具有某个属性，典型的操作是in操作符

construct()

拦截new命令

ownKeys()

拦截对象自身属性的读取操作，Object.keys()

deleteProperty()

拦截delete操作

defineProperty()

拦截了Object.defineProperty操作

getOwnPropertyDescriptor()

拦截Object.getOwnPropertyDescriptor()

getPrototypeOf()

拦截获取对象原型

setPrototypeOf()

拦截Object.setPrototypeOf()

isExtensible()

拦截Object.isExtensible

preventExtensions()

拦截Object.preventExtensions()

Proxy.revocable()

返回一个可取消的Proxy实例

this问题

目标对象内部的this关键字会指向Proxy代理

Reflect

概述

将Object对象的一些明显属于语言内部的方法放到Reflect上

修改某些Object方法的返回结果，让其变得更合理

让Object操作都变成函数行为

与Proxy对象方法一一对应

方法

get()

查找并返回对象的name属性

obj.name

set()

拦截属性的赋值操作

obj.name = value

apply()

等同于Function.prototype.apply||call ，用于绑定this对象后执行给定函数

Reflect.apply(console.log,this,[1,2])  //1

has()

对应in运算符

name in obj

construct()

等同于  new 调用构造函数

deleteProperty()

相当于 delete obj.name

defineProperty()

等同于Object.defineProperty

getOwnPropertyDescriptor()

等同于Object.getOwnPropertyDescriptor

getPrototypeOf()

读取对象的__proto__

setPrototypeOf()

设置对象的__proto__

ownKeys()

返回对象所有属性，等同于Object.getOwnPropertyNames 与 Object.getOwnPropertySymbols之和

isExtensible()

对应Object.isExtensible，返回布尔值，表示当前对象是否可拓展

preventExtensions()

对应Object.preventExtensions()，用于使一个对象变成不可拓展的

 Collect

Get Started

主线与功能

 Collect

Get Started

VCC与VPC

换手率与股价特质波动：情绪中介与分歧调节实证

 Collect

Get Started

换手率与股价特质波动：情绪中介与分歧调节实证

 Collect

Get Started

收藏与评价













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document