前端歌谣的刷题之路-第三十一-proxy拦截器_请补全javascript代码,请给参数对象添加拦截代理功能,并返回这个代理,要求每当通-CSDN博客

本文链接：https://blog.csdn.net/geyaoisnice/article/details/125537566

前言

我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣

题目

请补全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“