前端歌谣的刷题之路-第三十一-proxy拦截器

​

前言

我是歌谣 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣

题目

请补全JavaScript代码，请给参数对象添加拦截代理功能并返回这个代理。要求如下：
1. 该函数接收多个参数，首个参数为对象，从第二个参数(包括)往后皆是该对象的属性名
2. 通过该函数给首个参数对象添加拦截器功能，每当该对象访问到该函数第二个参数(包括)往后的属性时，返回"noright"字符串，表示无权限。

​编辑

核心代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拦截</title> </head> <body> <!-- 通过[...prototypes]获取从第二个参数开始往后的所有参数 创建一个Proxy实例并且返回，该构造函数接收两个参数，第一个参数是被代理的对象，第二个参数是处理方法 在处理方法中设置“get”计算方法，该方法接收两个参数，第一个参数是被代理的对象，第二个参数是当前“get”读取的属性 当获取某个实例属性时，如果这个属性在[...prototypes]数组中，则返回”noright“ --> <script> const _proxy = (object,...prototypes) => { let privatePrototype = prototypes return new Proxy(object, { get(object, prototype) { if(privatePrototype.includes(prototype)) return 'noright' return object[prototype] } }) } </script> </body> </html>

总结

通过[...prototypes]获取从第二个参数开始往后的所有参数

创建一个Proxy实例并且返回，该构造函数接收两个参数，第一个参数是被代理的对象，第二个参数是处理方法

在处理方法中设置“get”计算方法，该方法接收两个参数，第一个参数是被代理的对象，第二个参数是当前“get”读取的属性

当获取某个实例属性时，如果这个属性在[...prototypes]数组中，则返回”noright“

​

posted @ 2023-09-25 14:00  前端导师歌谣  阅读(12)  评论(0)    收藏  举报  来源