首页 > 其他分享 >defineProperty和Proxy

defineProperty和Proxy

时间:2022-12-10 22:13:13浏览次数:38  
标签:obj df Object Proxy key defineProperty

Proxy  JS标准内置对象

const p = new Proxy(target, handler)

创建一个对象的代理:

let obj = {
            a: {
                b: {
                    c: 1
                }
            }
        }
let proxy = new Proxy(obj, {})
console.log(proxy);

浏览器打印

Object.defineProperty()

直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。

Object.defineProperty(obj, prop, descriptor)

重写一个对象:

const object1 = {};

        function df(o) {
            Object.keys(o).forEach(key => {
                Object.defineProperty(object1, key, {
                    set() {
                        object1[key] = obj[key];
                        if (typeof obj[key] === 'object') {
                            df(obj[key])
                        }
                    }
                })
            })
            return o
        }
let proxy1 = df(obj)
console.log(proxy1)

浏览器打印:

 

 

 

 

标签:obj,df,Object,Proxy,key,defineProperty
From: https://www.cnblogs.com/Merrys/p/16972179.html

相关文章

  • 27. Object.defineProperty
    vue2数据驱动,双向绑定原理,Object.definePropertyObject.defineproperty是ES5的一个函数,为对象添加属性语法:Object.defineProperty(目标对象,属性名,{属性修饰符})......
  • mitmproxy抓包工具
    中文官网https://ptorch.com/docs/10/mitmproxy-concepts-options之前写过一篇博客介绍fiddler的https://www.cnblogs.com/zichliang/p/16067941.html今天来说说mitmp......
  • ES6笔记 - proxy简介
    Proxy目录Proxy1.Proxy简介2.注意事项3.Proxy支持的所有拦截操作4.使用示例1.Proxy简介Proxy可以理解为在目标对象前架设一个"拦截层",外界对该对象的访问都必须......
  • 浏览器报错`ERR_PROXY_CONNECTION_FAILED`,无法正常上网,而微信QQ软件可以正常收发消息
    问题:浏览器报错ERR_PROXY_CONNECTION_FAILED,无法正常上网,而微信QQ软件可以正常收发消息。找到Internet选项,在连接中打开局域网设置属性代理服务器的为LAN使用代理......
  • Castle.DynamicProxy拦截器
    在asp.net mvc或asp.net miniapi中,有过滤器,可以在请求前或后增加一层,达到验证,过滤等作用,如果在Service的方法前后加一层呢?这里介绍一下Castle.DynamicProxy的用法。......
  • Castle.DynamicProxy拦截器
    在asp.net mvc或asp.net miniapi中,有过滤器,可以在请求前或后增加一层,达到验证,过滤等作用,如果在Service的方法前后加一层呢?这里介绍一下Castle.DynamicProxy的用法。......
  • Castle.DynamicProxy拦截器
    在asp.net mvc或asp.net miniapi中,有过滤器,可以在请求前或后增加一层,达到验证,过滤等作用,如果在Service的方法前后加一层呢?这里介绍一下Castle.DynamicProxy的用法。......
  • vue中proxy解决跨域的原理
    vue中proxy解决跨域的原理浏览器是禁止跨域的,但是服务端不禁止,在本地运行npmrundev等命令时实际上是用node运行了一个服务器,因此proxyTable实际上是将请求发给自己的服务......
  • Kubernetes监控手册04-监控Kube-Proxy
    简介首先,请阅读文章《​​Kubernetes监控手册01-体系介绍​​》,回顾一下Kubernetes架构,Kube-Proxy是在所有工作负载节点上的。Kube-Proxy默认暴露两个端口,10249用于暴露......
  • Haproxy源码安装
    Haproxy源码安装目录Haproxy源码安装了解haproxy安装Haproxy1、解决lua环境2、安装Haproxy3、验证Haproxy版本4、创建配置文件5、启动haproxy6、查看haproxy的状态页面了......