前端歌谣的刷题之路-第三十一-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 @   前端导师歌谣  阅读(7)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示