Proxy基本语法
const obj = new Proxy(target, handler);
其中target为被代理的对象,handler为对象,声明了代理target的一些操作。
用到的Proxy方法
get(target, propKey, receiver)
target: 目标对象。
propKey: 目标对象的属性。
receiver: (可选),该参数为上下文this对象set(target, propKey, value, receiver)
target: 目标对象。
propKey: 目标对象的属性名
value: 属性值
receiver(可选): 一般情况下是Proxy实列
用到的Reflect方法
Reflect.get(target, name, receiver)
查找并返回target对象的name属性,如果没有该属性,则返回undefined。Reflect.set(target, name, value, receiver)
设置target对象的name属性等于value。
简单实现数据双向绑定
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name=