ES6 Proxy兼容polyfill实现

2019独角兽企业重金招聘Python工程师标准>>>

Proxy 可以拦截对象的读取、修改遍历等操作，这个polyfill只支持get和set。

通过defineProperty和VBScript实现。

低版本浏览器Object.defineProperty用__defineGetter__、__defineSetter__实现。

所以target的属性必需先定义。

调用例子：

var person = {name: "张三"
};
var proxy = new Proxy(person, {set:function(target, property, value) {if(property in target) {alert("set "+property+":"+value);}else{throw "Property \"" + property + "\" does not exist.";}}
});
proxy.name="李四";

代码https://github.com/linsk1998/proxy-polyfill/blob/master/proxy.js

演示http://raw.githack.com/linsk1998/proxy-polyfill/master/index.html

转载于:https://my.oschina.net/linsk1998/blog/1627161

ES6 Proxy兼容polyfill实现相关推荐

ES6 Proxy 性能之我见
ES6 Proxy 性能之我见本文翻译自https://thecodebarbarian.com/thoughts-on-es6-proxies-performance Proxy是ES6的一个强力 ...
vue打包后有es6语法兼容问题，ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有"const"和箭头函数语 ...
es6 --- Proxy的属性(get、set除外)
apply(): 拦截函数的调用.call和apply操作 var target = function () { return 'I am the target';}; var handler = { ...
es6 --- Proxy实例的get方法
写一个拦截函数,访问目标对象不存在属性时,会抛出不存在该属性的错误如果存在该属性时,就返回其值. var person = {name: "张三" };var proxy = n ...
第十二节：ES6 Proxy代理和去银行存款有什么关系？
ES:给开发者提供了一个新特性:Proxy,就是代理的意思.也就是我们这一节要介绍的知识点. 以前,ATM还没有那么流行的时候(暴露年纪),我们去银行存款或者取款的时候,需要在柜台前排队,等柜台工作人 ...
ES6 Proxy和Reflect (上)
Proxy概述 Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种"元编程"(meta programming),即对编程语言进行编程. Proxy可以理 ...
es6 Proxy 简介
Proxy 简介 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种"元编程"(meta programming),即对编程语言进行编程. Proxy ...
深入实践 ES6 Proxy Reflect
原文: https://zhuanlan.zhihu.com/p/60126477 引言 Vue中的数据绑定 Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用. Vue中具有一个重 ...
ES6 Proxy 和 Reflect 的理解
Vue中的数据绑定 ps:观察者模式 (下面有重点) Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用. Vue中具有一个重要的功能点--"数据绑定".使用者无 ...

ES6 Proxy兼容polyfill实现

ES6 Proxy兼容polyfill实现相关推荐

最新文章

热门文章