javascript - JS里更改对象的属性值时，如何同步更新到另外一个属性-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - JS里更改对象的属性值时，如何同步更新到另外一个属性

ringa_lee 2017-04-10 14:59:45

[JavaScript讨论组]

717

var obj = {
    set a (val) {
        this.b = val;
    },
    get a () {
        return this.b;
    }
};

我试着这样写确实能保持 obj.a 和 obj.b 取到同样的值，但感觉不太合适。
应该怎么写比较科学呢？

如果是IE9以下的浏览器又应该怎么实现？

ringa_lee

全部回复(5)

PHPz2017-04-10 15:01:45 5楼

get/set应该是比较好的方案了，兼容什么的一定要做的话据说是可以用vbscript做的，不过代价有点大了。

另外一种方案是使用一个对象。obj.a={};obj.b=obj.a;，此时obj.a和obj.b是相同的。更新它们的属性会同步生效，比如obj.a.test=1;，此时obj.b.test也为1。

赞 +0

添加回复

PHP中文网2017-04-10 15:01:45 4楼

    var obj = {
        c: 0,
        a: function(v){
            return v ? (this.c = v) : this.c
        },
        b: function(v){
            return v ? (this.c = v) : this.c
        }
    }
    obj.c = 3
    console.log(obj.a(5)) // 5
    console.log(obj.b()) // 5

赞 +0

添加回复

伊谢尔伦2017-04-10 15:01:45 3楼

关于IE9以下的浏览器，除了VBscript的方案，再给你一个方案，就是用DOM对象：

js    window.onload = function () {
        var obj = document.createElement("p");
        obj.attachEvent("onpropertychange",function () {
            if (obj.b !== obj.a) {
                obj.b = obj.a;
            }
        });
//一定要append到页面上才能生效
        document.body.appendChild(obj);
        obj.a = 2000;
        alert(obj.b);

        setTimeout(function () {
            obj.a = 200;
            alert(obj.b);
        }, 1000);
    }

赞 +0

添加回复