JavaScript 嵌套对象

Question

我有一个关于 JavaScript 的问题。我目前正在使用类似于以下代码的代码：

function Game() {

}

我想嵌套对象，所以我可以像这样访问它们：

var a = new Game();
a.nested_object.method();
a.nested_object.property;

我该怎么做呢？我会使用函数还是 {}？或者它甚至重要吗？下面的代码是我所指的示例代码。

function Game() {

this.id;

var stats = {};

}

就像我上面所说的，我可以像这样访问统计数据吗：

var a = new Game();
a.stats

Answer 1

我会这样做：

function Game() {
    this.id;
    this.stats = new Stats(this);
}

function Stats(game) {
    this.property;
    this.method = method;

    function method() {
        this.property;
        game.id;
    }
}

var game = new Game;
game.stats.method();

原因如下：

1. 关注点分离 - 游戏构造函数可以完全专注于游戏逻辑，而统计构造函数将只专注于游戏的统计数据。
2. 模块化 - 您可以将游戏构造函数和统计构造函数放在两个不同的文件中。这使您可以单独处理它们，并使项目更易于管理。
3. 松散耦合 - stats 对象不需要知道游戏对象。所以最好把它和游戏对象分开。如果您使用对象文字符号创建它（如@Bergi 所做的那样），那么 stats 对象可以访问游戏对象的私有成员（如果 stats 对象意外更改游戏对象的私有属性，这可能会适得其反)。
4. 可读性 - 比较 @Bergi 的代码和我的代码。将统计数据和游戏对象分开使代码更易于阅读和理解。您只需看一眼代码，就可以确切地知道发生了什么。

Answer 2

这样应该更合适

function Game() {
  this.id;
  this.stats = "Hello";
  return this;
}

var a = new Game();
alert(a.stats);

基本上在您的情况下 stats is a local variable ，并且创建的对象不知道该变量。

Check Fiddle

Answer 3

是的，这正是要走的路。

请注意，method() 中的 this keyword 将包含 nested_object，而不是您的 Game 实例。您只能通过使用指向的变量来获得对它的引用：

function Game() {
    var that = this; // the Game instance
    this.id = …;
    this.nested_object = {
        property: "nested!",
        method: function() {
            this.property; // nested! (=== that.nested_object.property)
            that.id // the game property
        }
    };
}
var game = new Game;
game.nested_object.method();

因为原型上的嵌套对象（其中没有包含实例的变量）很少有意义 - 请参阅 Crockford's Prototypal inheritance - Issues with nested objects。

Answer 4

[编辑以回应下面的 cmets]

这个怎么样：

function Game() {

    this.nested_object = {
        method: function () {
            return 'method return value';
        },

        property: 'property value'
    };

};

var a = new Game();
alert( a.nested_object.method() );
alert( a.nested_object.property );

Answer 5

只需在构造函数中创建嵌套对象即可。

function Game() {
    this.stats = { lives: 3 };
};

var a = new Game();
-- a.stats.lives;

但是，这可能很烦人，因为在Game 的实现中，您必须将stats 称为this.stats。 this'es 加起来，当 this 引用错误的东西时可能会出现混淆，例如在 function(){} 表达式中。

我喜欢的图案是这样的。它本质上是一个经典的 OO getter 函数。

function Game() {
    var stats = { lives: 3 };
    this.stats = function() { return stats; };
};

var a = new Game();
-- a.stats().lives;

Answer 6

将“嵌套”内容添加到 this 或 Game.prototype。