7

我正在尝试将函数添加到对象数组中，每个对象都可以访问该函数，但不需要单独将其添加到每个对象中。

让我给你一个简短的例子。

假设我有一个包含相似对象的数组，每个对象都有一个属性 x 和一个属性 y：

var objects = [{x:1, y:2},
               {x:0, y:5},
               {x:3, y:14}
              ];

我想计算任何对象x的总和。y

第一种方法：

为了计算给定对象的总和，可以将此对象传递给预定义的函数，如下所示：

function xySum1(o) {return o.x + o.y;}

objects[0].x       //--> returns 1
objects[0].y       //--> returns 2
xySum1(objects[0]) //--> returns 3

这是非常丑陋和不令人满意的，因为访问xandy属性的方式不同。此外，我的代码位于不同的位置，并且该函数xySum1不容易识别为被创建以作用于数组中的对象。

第二种方法：

可以循环遍历数组并将函数作为属性添加到每个对象：

for (var i=0; i < objects.length; i++) {
    objects[i].xySum2 = function() {return this.x + this.y;};
}

现在，总和通过以下方式获得

objects[0].x        //--> returns 1
objects[0].y        //--> returns 2
objects[0].xySum2() //--> returns 3

这要好得多。

问题

然而，这种方法存在问题。首先，当我向数组添加一个新元素时

objects.push({x:5,y:21});

那么在函数被添加到对象之前无法计算总和

objects[3].xySum2() //-->TypeError

另一个问题是我有很多对象，还有很多要添加到它们的功能。将每个函数单独添加到每个对象似乎浪费了良好的内存空间。

有没有办法更有效地做到这一点？

4

1 回答 1

8

定义一个类：

function MyObject(x, y) {
    this.x = x;
    this.y = y;
}
MyObject.prototype = {
    xySum2: function() {
        return this.x + this.y;
    }, x: 0, y: 0
};

然后你可以这样做：

var objects = [
    new MyObject(1, 2),
    new MyObject(0, 5),
    new MyObject(3, 14)
];
objects[0].xySum2(); // 3

objects.push(new MyObject(5, 21));
objects[3].xySum2(); // 26

或者，这就是 Bergi 在他的评论中可能想说的：

objects.xySum = function(index) {
    return this[index].x + this[index].y;
};

这种方法有点“脏”，但内存消耗也更少。

于 2013-04-20T14:50:38.150 回答