前端歌谣的刷题之路-第三十一-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“
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南