在 JavaScript 中扩展具有多个属性的对象

Question

我有一个具有多个属性和函数的全局 JavaScript 对象，我以这种方式创建它：

myObject = {};

我认为我可以通过创建类似的东西来轻松扩展这个对象，

myObject = { propA1 : null, ....., propAN : null};

而不是

myObject.propA1 = null;
myObject......;
myObject.propAN = null;

我的方法有什么问题？

Answer 1

当您编写 myObject = { ... } 时，您将创建一个全新的对象并将 myObject 设置为指向它。
myObject 之前的值将被丢弃。

相反，您可以使用 jQuery：

jQuery.extend(myObject, { newProperty: whatever });

Answer 2

如果没有 jQuery，您可以创建一个对象数组，如下所示：

[{'key': 'atuhoetu', 'value': 'uehtnehatn'},{...}]

如果您不关心兼容性，最新的浏览器应该支持此功能：

var newObj = {prop1: 'val', prop2: 'val'};
Object.keys(newObj).forEach(function (item) {
    myObject[item] = newObj[item];
});

这将迭代 newObject 中的所有项目并将它们添加到 myObj。

Answer 3

或者，更干净的东西：

function extend(target, source){
    for(prop in source){
        target[prop] = source[prop];
    }
}

如果您按以下方式使用它：

var objA = {a: "a"};
var objB = {b: "b", c: "c"};
extend(objA, objB);

结果将是：

objA = {a: "a", b: "b", c: "c"};

Answer 4

您可以使用 Javascript ... 扩展运算符使用其他对象的属性来扩展对象

var myObject = { a: '1', b: '2' };
var extendWithObject = { c: '3', d: '4' };

myObject = { ...myObject, ...extendWithObject };

，结果将是

{ a: '1', b: '2', c: '3', d: '4' }