JavaScript 对象的内存使用情况

Question

如果我有一个包含三个对象的数组：

var array = [obj1, obj2, obj3];

我的对象有一个特定属性（例如：“id”）和两个公共属性（例如：“prop”和“log”函数）..

我想知道哪个内存使用量最少？用什么比较好？

在我的数组的所有项目上定义相同的属性：

var obj1 = {id: 1, prop: '@', log: function() { console.log('TEST'); }};
var obj2 = {id: 2, prop: '@', log: function() { console.log('TEST'); }};
var obj3 = {id: 3, prop: '@', log: function() { console.log('TEST'); }};

var array = [obj1, obj2, obj3];

对比

使用给定的原型创建对象（我的数组的项目）

var myProto = {prop: '@', log: function() { console.log('TEST'); }};

var obj1 = Object.create(myProto);
obj1.id = 1;

var obj2 = Object.create(myProto);
obj2.id = 2;

var obj3 = Object.create(myProto);
obj3.id = 3;

var array = [obj1, obj2, obj3];

对比

创建一个具有公共属性的对象并扩展我的数组项以使用该对象

var common = {prop: '@', log: function() { console.log('TEST'); }};

var obj1 = extend({id: 1}, common);
var obj2 = extend({id: 2}, common);
var obj3 = extend({id: 3}, common);

var array = [obj1, obj2, obj3];

Answer 1

案例一 - 您正在创建 3 个具有不同属性的独立对象（虽然 prop 和 log 看起来相同，但它们没有任何共同点）。

案例二 - 在这里您使用的是原型。属性和函数对共享此原型的所有对象都是通用的。

案例三 - 您正在扩展您的对象，这意味着复制属性和引用。在你的情况下，你绝对不想这样。虽然如果您想要这样做可能会很有用，但最终可能会造成内存泄漏，因为当您处理对象时 - 您必须分离对其他对象和函数的所有引用。

结论，使用原型在对象之间共享东西。

Answer 2

从记忆的角度来看，使用原型会更有效。其次，由于您想在每个新对象中初始化一个属性，您可能需要构造函数。

function Foo(id) {
    this.id = id || null;
}

Foo.prototype = {

    id: null,

    prop: "@",

    constructor: Foo,

    log: function() {
        console.log("TEST");
    }

};

var array = [
    new Foo(1),
    new Foo(2),
    new Foo(3)
];