17

我知道我可以像这样初始化一个 JS 对象数组：

var things = [
  {
    prop1: 'foo',
    prop2: 'bar'
  },
  {
    prop1: 'foo',
    prop2: 'bar'
  }
];

我想我会称这些“匿名”类型（对不起，我使用的是 C#/.NET 语言）。

如果我希望它们具有相同的原型怎么办？所以我定义了一个构造函数：

var Thing = function Thing() {
};

Thing.prototype.prop1 = 'default value';
Thing.prototype.prop2 = 'default value';

现在我希望上面原始代码中的两个项目都是Things。有没有好的方法来做到这一点？

如果我猜的话，我会说可能是这样的：

var things = [
  new Thing() {
    prop1: 'foo',
    prop2: 'bar'
  },
  new Thing() {
    prop1: 'foo',
    prop2: 'bar'
  }
];

这基本上是 C# 对象初始化器语法。我要避免的是：

var thing1 = new Thing();
thing1.prop1 = 'foo';
thing1.prop2 = 'bar';
var thing2 = new Thing();
thing2.prop1 = 'foo';
thing2.prop2 = 'bar';
var things = [thing1, thing2];

编辑：

我还应该注意，我的原型还包含一些共享的功能。实际上，我也有嵌套 3 层的数组，所以它更像：

{
   [
    { 
      [
        {},
        {}
      ]
    },
    {
      [
        {},
        {}
      ]
    }
  ]
}

这就是为什么我希望像这样内联初始化所有内容，而不是逐行设置每个属性。

4

4 回答 4

13 
var Thing = function(params) {
  this.prop1 = params.prop1;
  this.prop2 = params.prop2;
};

var things = [
  new Thing({
    prop1: 'foo',
    prop2: 'bar'
  }),
  new Thing({
    prop1: 'foo',
    prop2: 'bar'
  }),
];
于 2012-10-07T23:52:11.173 回答
11

你没有使用你的“构造函数”。它首选在您的构造函数中初始化值：

var Thing = function Thing(prop1, prop2) {
    this.prop1 = prop1;
    this.prop2 = prop2;
};

然后做：

var thing1 = new Thing("foo", "bar");
var thing2 = new Thing("foo", "bar");
于 2012-10-07T23:49:33.923 回答
1

在这种情况下，我向对象添加了一个“config”方法：

function Thing() {
}
Thing.prototype.prop1 = 'foo';
Thing.prototype.prop2 = 'bar';
Thing.prototype.config = function(data) {
    for (var i in data)
        if (data.hasOwnProperty(i))
            this[i] = data[i];
}

var array = [
    new Thing().config({
        prop1: 'foobar',
        prop2: 'barfoo'
    })
];
于 2012-10-08T00:15:35.770 回答
0

以下可能有效，这也是您想要避免的吗？

var thing1 = new Thing();
var thing2 = new Thing();

thing1.prototype = {
    prop1: "foo",
    prop2: "bar"
};

thing2.prototype = {
    prop1: "foo",
    prop2: "bar"
};

我能想到的另一件事是自己制作构造函数，因此它允许以下内容：

var things = [
    new Thing({
        prop1: "foo",
        prop2: "bar"
    }),
    new Thing({
        prop1: "foo",
        prop2: "bar"
    })
];
于 2012-10-07T23:47:55.497 回答