1
0
mirror of https://github.com/ruanyf/es6tutorial.git synced 2025-05-26 03:32:20 +00:00

Merge pull request #1009 from chua1989/gh-pages

Proxy中添加对handler.construct的this的相关描述
This commit is contained in:
Ruan YiFeng 2020-09-16 08:57:33 +08:00 committed by GitHub
commit c025fc9067
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -643,6 +643,18 @@ new p() // 报错
// Uncaught TypeError: 'construct' on proxy: trap returned non-object ('1')
```
`construct()`方法中的`this`指向的是handler
```
var handler = {
construct: function(target, args) {
console.log(this === handler);
return new target(...args);
}
}
var p = new Proxy(function() {}, handler);
new p() // true
```
### deleteProperty()
`deleteProperty`方法用于拦截`delete`操作,如果这个方法抛出错误或者返回`false`,当前属性就无法被`delete`命令删除。
@ -1041,6 +1053,8 @@ proxy.foo // TypeError: Revoked
## this 问题
正常情况下Proxy代理的钩子函数中的`this`指向的是Proxy代理实例construct钩子函数除外该钩子函数中`this`指向的是handler)
虽然 Proxy 可以代理针对目标对象的访问,但它不是目标对象的透明代理,即不做任何拦截的情况下,也无法保证与目标对象的行为一致。主要原因就是在 Proxy 代理的情况下,目标对象内部的`this`关键字会指向 Proxy 代理。
```javascript