如何使用javascript代理嵌套对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何使用javascript代理嵌套对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1028字，纯文字阅读大概需要2分钟。

内容图文

我在js bin中有这个代码：

var validator = {
  set (target, key, value) {
    console.log(target);
    console.log(key);
    console.log(value);
    if(isObject(target[key])){

    }
    return true
  }
}


var person = {
      firstName: "alfred",
      lastName: "john",
      inner: {
        salary: 8250,
        Proffesion: ".NET Developer"
      }
}
var proxy = new Proxy(person, validator)
proxy.inner.salary = 'foo'

如果我做proxy.inner.salary = 555;这是行不通的.

但是,如果我执行proxy.firstName =“Anne”,那么它的效果很好.

我不明白为什么它不起作用递归.

http://jsbin.com/dinerotiwe/edit?html,js,console

解决方法:

您可以添加一个get陷阱并返回一个带有validator的新代理作为处理程序：

var validator = {
  get(target, key) {
    if (typeof target[key] === 'object' && target[key] !== null) {
      return new Proxy(target[key], validator)
    } else {
      return target[key];
    }
  },
  set (target, key, value) {
    console.log(target);
    console.log(key);
    console.log(value);
    return true
  }
}


var person = {
      firstName: "alfred",
      lastName: "john",
      inner: {
        salary: 8250,
        Proffesion: ".NET Developer"
      }
}
var proxy = new Proxy(person, validator)
proxy.inner.salary = 'foo'

内容总结

以上是互联网集市为您收集整理的如何使用javascript代理嵌套对象全部内容，希望文章能够帮你解决如何使用javascript代理嵌套对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端