Javascript：从已实例化的对象与原型创建对象

我有一个相当学术的问题，并不特别适用于我正在做的任何事情，我只是真的想知道答案！

假设我们在全局命名空间中有一个简单的对象定义，如下所示：

TestObject = function(){};

它的原型中添加了一个方法，可以实例化为新对象本身：

TestObject.prototype.AnotherObject = function() {};

实例化第一个对象：

var myObject = new TestObject();

现在我的问题是这样的：

How does

myObject.myProperty = new myObject.AnotherObject();

不同于

myObject.myProperty = new TestObject.prototype.AnotherObject();

或者它们完全一样吗？

我看到的区别是：我可以使用第二种方法在 TestObject 上下文中实例化对象，而无需知道实例化对象本身的名称，即

TestObject.prototype.createAnObject = function() {
    this.anotherProperty = new TestObject.prototype.AnotherObject();
}

最后：

使用原型方法实例化同名对象有何含义？为什么这会导致无限循环？ （里面到底发生了什么..）

TestObject.prototype.AnotherObject = function () {
    this.AnotherObject = new TestObject.prototype.AnotherObject();
};
myObject.AnotherObject();

然而这并不...

TestObject.AnotherObject = function() {};

TestObject.prototype.createAnObject = function() {
    this.AnotherObject = new TestObject.prototype.AnotherObject();
};
myObject.createAnObject();

...

我非常想了解这里物体之间的关系！谢谢你！

我问这些问题的原因是因为我想做一些类似的事情，其中​​对象之间存在 1:1 关系：

ClientObject = function () {
    this.objectname = "a client class";
}

ClientObject.prototype.loginUser = function(name) {
    this.loggedin = true;
    if (typeof this.User === 'undefined') {
        this.User = new ClientObject.User(name);
    }
}
ClientObject.User = function (name) {
    this.username = name;
}

ClientObject.User.prototype.getProfile = function() {
    return 'user profile';
}

var testClient = new ClientObject();

console.log('testClient.User = ' + (typeof testClient.User)); // should not exist
testClient.loginUser('Bob'); // should login 'bob'
console.log('testClient.User = ' + (typeof testClient.User)); // should exist now Bob is logged in
console.log(testClient.User.username); // should be bob
testClient.loginUser('Tom'); // should not do anything as User object already created
console.log(testClient.User.username); // bob still
console.log(testClient.User.getProfile()); // new functionality available

我只是不确定我是否无意中违反了任何最佳实践或惯例。

myObject.myProperty = new myObject.AnotherObject();

不同于

myObject.myProperty = new TestObject.prototype.AnotherObject();

完全没有区别。请记住，JavaScript 中的对象有一个原型链。你打电话时new myObject.AnotherObject();引擎将首先检查AnotherObject on myObject本身。找不到它，它将检查myObject的原型，它会找到它。第二个版本

myObject.myProperty = new TestObject.prototype.AnotherObject();

就直接去那个地方AnotherObject被定义为。

TestObject.prototype.AnotherObject = function () {
    this.AnotherObject = new TestObject.prototype.AnotherObject();
}
myObject.AnotherObject();

只需浏览一下代码即可。当你说：myObject.AnotherObject();, AnotherObject将被调用，与this set to myObject。第一行将尝试创建一个新属性myObject（这是this）通过将其设置为结果

new TestObject.prototype.AnotherObject(); 

然后将重新输入相同的AnotherObject函数，但这次是this设置为一个新对象，其原型设置为TestObject.prototype.AnotherObject的原型。等等无限期

最后，

TestObject.prototype.createAnObject = function() {
    this.AnotherObject = new TestObject.prototype.AnotherObject();
}
myObject.createAnObject();

Will not据我所知和测试，导致无限循环：FIDDLE http://jsfiddle.net/2w68B/

基本上，createAnObject将进入this set to myObject。其中有一个全新的房产，名为AnotherObject将在 myObject 上创建，该对象将被设置为对AnotherObject function您之前设置的。

请注意，进行此调用后，AnotherObject function will 仍然存在, but， 这将是shadowed by the AnotherObject property你刚刚创建的。所以现在你永远无法说

var f = new myObject.AnotherObject()

因为你现在有一个AnotherObject property位于 myObject 上，它将在检查原型上的任何内容之前找到并返回。

嗯，我的意思是，你总是可以说delete myObject.AnotherObject并从对象中删除该属性，然后您将可以看到AnotherObject在原型上找到，但实际上，您应该从一开始就避免这样的名称冲突。

关于你的最后一段代码

A）为什么不做User its own功能？
B) 为什么不设置this.User = new ...()就在 ClientObject 构造函数中吗？这样你就不需要undefined查看 C）ClientObject应定义为

function ClientObject(){...` 

你现在拥有的似乎正在创建一个隐式的全局。