Javascript 创建对 object 属性的引用？

Question

我了解到在 javascript 中， primitives are passed by value and objects are passed by reference 。

我有兴趣创建某种解决方法，让我获得对包含原语的 object 属性的引用。 例如，我希望能起作用的是：

var someObject = {a: 1, b: 2};
var myRef = someObject.b;
myRef ++;
someObject.b #=> 3

当然，这是行不通的。 我知道你可以创建一个 getter 和 setter function，或者使用一个 object 来引用另一个 object，但我真正想要的是某种解决方法，它允许我定义一个变量作为对属性的引用另一个 object，到目前为止，这似乎无法完成。

所以，我的问题很简单：这是否可能，如果可能，如何实现？

Answer 1

原始类型是不可变的，所以不，这是不可能的。 您可以使用对象包装基本类型，如下所示：

function MyNumber(n) { this.n = n; }
MyNumber.prototype.valueOf = function() { return this.n; }
var someObject = { a: 1, b: new MyNumber(2) };
var myRef = someObject.b;
MyNumber.call(myRef, myRef + 1);
console.log(+someObject.b); // convert to number with +

要么

var someObject = {
    a: { value: 1 },
    b: { value: 2 },
};
var myRef = someObject.b;
my_inc(myRef); // function my_inc (obj) { obj.value++; }
// someObject.b.value == 3

React框架使用非常简单的模式来封装值。

function Link(value, requestChange)
{
    this.value = value;
    this.requestChange = requestChange;
}

您可以传递对象，可以通过检查对象的value属性来访问当前值，如果要更改它，可以使用新值调用requestChange ，您可以更改该值。 优点是具有实际的“存储位置”和用于将值与读取和写入访问值分离的逻辑。 请注意，值也可以是复杂对象。

你也可以用闭包来实现类似的东西：

var someObject = {
    a: 1,
    b: 2
};

function property(object, prop) {
    return {
        get value () {
            return object[prop]
        },
        set value (val) {
            object[prop] = val;
        }
    };
}

var ref = property(someObject, "b");
ref.value; // 2
++ref.value; // 3
someObject.b; // 3

这是有效的，因为getter和setter函数可以访问创建时范围内的任何绑定（ object和prop ）。 您现在可以传递ref ，将其存储在数据结构中等。

Answer 2

不，没有一个很好的方法来做到这一点。

如果您愿意，可以使用解决方法。 像使用单个元素数组包装所有主数据类型的东西：

var someObject = {a: [1], b: [2]};
var myRef = someObject.b;
myRef[0]++;
someObject.b[0]; // 3

但这并不理想，因为你必须使用[0]来一直访问该属性。 在某些情况下，它可能很有用，并且单个元素数组的默认toString只是其元素的toString ，因此您可以直接在字符串上下文中使用该属性：

console.log('My value: ' + someObject.b); // 'My value: 3'

Answer 3

如果你想“链接”或“同步”两个属性，每个属性都是不同的 object，你可以这样做：

var someObject = {
    a: 1,
    b: 2
};
var linkedObject = {
    a:1, 
    b:2
}
function property(object, prop) {
    return {
        get value () {
            return object[prop]
        },
        set value (val) {
            object[prop] = val;
        }
    };
}
var s_prop = 'b'
var o_ref = property(someObject, s_prop);
var tmp = linkedObject[s_prop]; 

Object.defineProperty(
    linkedObject,
    s_prop,
    {

        set: function(value) {
            o_ref.value = value;
        },
        get: function() {
            return o_ref.value
        }
    }
);
linkedObject[s_prop] = tmp 

someObject.b = 333 /// linkedObject.b is also 333 now
console.log(someObject.b) //  333 
console.log(linkedObject.b)// 333

linkedObject.b = {"test": 2}
console.log(someObject.b) //  {test:2}
console.log(linkedObject.b)// {test:2}

someObject.b.test = 3 
console.log(someObject.b) // {test:3}
console.log(linkedObject.b)//{test:3}

Answer 4

我不知道这是多么令人满意，但如果您可以将所需对象包装在如下对象中，那么您可以这样做：

var a = {a:{a:1},b:2};
var b = a.a;
b.a++;
a.a.a //=> 2

这不完全是你要求的，但它会起作用。