ambit-tsai / es6-proxy-polyfill

ES6 Proxy polyfill, supports IE8+, Node.js, etc.

简体中文 | English

ES6 Proxy Polyfill  

This is a polyfill for ES6 Proxy, supports IE6+ , Node.js, etc.

So far, it supports more features than the proxy-polyfill of GoogleChrome.

The polyfill supports just a limited number of proxy 'trap':

• get
• set
• apply
• construct

The Proxy.revocable method is also supported, but only for calls to the above traps.

Installation

npm i -S es6-proxy-polyfill

Usage

1. Browser:

<!--[if lte IE 8]>
<script src="path/to/object-defineproperty-ie.js" type="text/javascript"></script>
<![endif]-->
<script src="path/to/es6-proxy-polyfill.js" type="text/javascript"></script>
<script type="text/javascript">
    var proxy = new Proxy({}, {});
</script>

2. Node.js:

const Proxy = require('es6-proxy-polyfill');

let proxy = new Proxy({}, {});

Notice

1. For non-array object, the properties you want to proxy must be known at creation time;
2. In IE8 or below, it depends on Object.defineProperties and Object.getOwnPropertyDescriptor provided by library "object-defineproperty-ie";
3. The support of traps:

	Object	Function	Array
>=IE9	get, set	get, set, apply, construct	get, set
<=IE8	get, set	apply, construct	-

Testing

1. Access test/browser/index.html with browser
2. Tested in IE6-8, IE11

Contact Us

1. WeChat: ambit_tsai
2. QQ Group: 663286147
3. E-mail: [email protected]

es6-proxy-polyfill's Issues

ie11 _isVbObject未定义

在ie11中使用mobx6,可复现问题

This polyfill does not test Browser Support

My expectation was that the polyfill would only be used if there is no proxy support in the browser.
Unfortunately this is not the case and a simple test in a Vue.js application, which unfortunately also has to support IE 11, immediately led to a bug in Firefox 76.
By the way, it does not work in IE 11 either...

import 'es6-proxy-polyfill'

export default {
	name: 'App',
	components: {},
	data: function() {
		return {
			myprop: ''
		};
	},
	created() {
		const test = new Proxy({}, {
			set: (target, prop, value) => {
				console.log(target, prop, value)
				target[prop] = value
				return true
			}
		})
		test.name = 'Hans'
		console.log(test.name)
	}
}

proxy 下面属性支持吗

你好，下面属性支持吗

get
set
deleteProperty
has
ownKeys

数组出现TypeError

IE 11
"TypeError: Trap 'set' returned false for property 'length'