jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Fix typos in 'Proxy and Reflect'

Browse source
This commit is contained in:
Vse Mozhe Buty 2020-11-04 20:32:44 +02:00
parent dccca58f26
commit b83f2d7f1d
3 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
1-js/99-js-misc/01-proxy/01-error-nonexisting/solution.md
View file

@ -19,5 +19,5 @@ function wrap(target) {
user = wrap(user); user = wrap(user);
alert(user.name); // John alert(user.name); // John
alert(user.age); // ReferenceError: Property doesn't exist "age" alert(user.age); // ReferenceError: Property doesn't exist: "age"
``` ```

2
1-js/99-js-misc/01-proxy/01-error-nonexisting/task.md
View file

@ -27,6 +27,6 @@ user = wrap(user);
alert(user.name); // John alert(user.name); // John
*!* *!*
alert(user.age); // ReferenceError: Property doesn't exist "age" alert(user.age); // ReferenceError: Property doesn't exist: "age"
*/!* */!*
``` ```

8
1-js/99-js-misc/01-proxy/article.md
View file

@ -39,7 +39,7 @@ As there are no traps, all operations on `proxy` are forwarded to `target`.
As we can see, without any traps, `proxy` is a transparent wrapper around `target`. As we can see, without any traps, `proxy` is a transparent wrapper around `target`.
![](proxy.svg) ![](proxy.svg)
`Proxy` is a special "exotic object". It doesn't have own properties. With an empty `handler` it transparently forwards operations to `target`. `Proxy` is a special "exotic object". It doesn't have own properties. With an empty `handler` it transparently forwards operations to `target`.
@ -335,7 +335,7 @@ let user = {
_password: "secret" _password: "secret"
}; };
alert(user._password); // secret alert(user._password); // secret
``` ```
Let's use proxies to prevent any access to properties starting with `_`. Let's use proxies to prevent any access to properties starting with `_`.
@ -376,7 +376,7 @@ user = new Proxy(user, {
}, },
*!* *!*
deleteProperty(target, prop) { // to intercept property deletion deleteProperty(target, prop) { // to intercept property deletion
*/!* */!*
if (prop.startsWith('_')) { if (prop.startsWith('_')) {
throw new Error("Access denied"); throw new Error("Access denied");
} else { } else {
@ -437,7 +437,7 @@ user = {
``` ```
A call to `user.checkPassword()` call gets proxied `user` as `this` (the object before dot becomes `this`), so when it tries to access `this._password`, the `get` trap activates (it triggers on any property read) and throws an error. A call to `user.checkPassword()` gets proxied `user` as `this` (the object before dot becomes `this`), so when it tries to access `this._password`, the `get` trap activates (it triggers on any property read) and throws an error.
So we bind the context of object methods to the original object, `target`, in the line `(*)`. Then their future calls will use `target` as `this`, without any traps. So we bind the context of object methods to the original object, `target`, in the line `(*)`. Then their future calls will use `target` as `this`, without any traps.