javascript - 如何使用 new Person(name,description) 访问变量？

Question

在查看 Cookie Clicker 源代码时，我注意到一个特殊的 Game 对象系统，他使用了 new Game.Building("cursor"...)。然后我决定用自己的代码对此进行测试，因此我对基本用户变量做了同样的事情。

AI.User = function(username, password) {
    try {
        this.username = username;
        this.password = password;

        this.setUsername = function(username) { this.username = username; };
        this.setPassword = function(password) { this.password = password; };
        this.getUsername = function() { return this.name; };
        this.getPassword = function() { return this.password; };
        this.GetUserByUsername = function(username) { };

        return true;
    }
    catch(err) {
        console.log(err);
        return false;
    }
};
new AI.User("John Smith", "JSmith42");

问题是我不知道如何访问创建的变量。

Answer 1

JavaScript 中的面向对象编程

当您使用 new 的函数时运算符(即作为构造函数)，它本质上将函数包装在一些额外的代码中以创建一个新对象，并将其设置为 this ，然后最后返回该对象。 **因此，要保存调用结果，只需将其分配给一个变量，例如 var myUser = new AI.User("John Smith", "JSmith42");

深入了解细节，您可以这样想。 我即将提供的代码与幕后实际发生的情况并不完美匹配，但它涵盖了基础知识:

function constructObject(constructor) {
    var newPrototype = constructor.prototype || Object.prototype,
        newThis = Object.create(newPrototype),
        constructorResult;

    constructor.apply(
        newThis,
        Array.prototype.slice.call(arguments, 1)
    );
    if (constructorResult !== undefined) {
        return constructorResult;
    }
    return newThis;
}

当您调用“new Constructor(a, b, c)”时，本质上就像调用“constructObject(constructor, a, b, c)”，正如我在这里提到的。

第 2 行中的“Object.create”创建了一个全新的对象，其原型(prototype)等于我们传入的任何对象。请注意，newPrototype 是从 constructor.prototype 中获取的。或者，如果不存在，Object.prototype 。然后这个“newPrototype”对象就成为我们传递的对象的原型(prototype)。

“constructor.apply”然后调用构造函数，使用我们的 newThis对象设置为this对于该调用，并传递我们可能拥有的任何其他参数，但将构造函数排除在外。我们保存函数的返回值，尽管构造函数返回任何内容都是不好的做法。

这里有一个问题:如果由于某种原因构造函数返回了一个对象，那么我们将返回该对象而不是我们创建的对象。否则，我们返回新对象。这是我的代码与实际发生的情况并不完美匹配的要点之一，因为引擎有更好的方法来检查返回或未返回的内容。

使用 new 不是一个好习惯而不将结果保存在变量中。它有效，但看起来很奇怪，我怀疑这就是你看到它时感到困惑的部分原因。

Cookie Clicker 中的面向对象编程

Cookie Clicker 本质上是在 JavaScript 之上实现了自己的简单“类 OO”系统。共有三种对象:Game.Object、Game.Upgrade 和 Game.Achievement。没有继承、原型(prototype)或其他继承，但因为它通过一系列回调函数工作，所以仍然存在一种多态性。

new运算符的工作方式就像在标准 JavaScript 中一样。关键是所有三个基本构造函数都保存对 this 的引用。每次调用它们时，都会在 Game 对象内的三个列表之一中调用。 这就是 Cookie Clicker 如何在其创建的对象上保持选项卡而不将它们保存在变量中:它实际上是这样做的，只是不是“公开”。最终结果几乎就像一种表格(除其他外，因为游戏对象很大)。

模仿这种风格可能不是一个好主意。它读起来不像其他 JavaScript 代码，这可能是它让你如此困惑的一个重要原因。 Orteil 本人似乎正在放弃它:Idle Game Maker(他的后续引擎)的源代码与 Cookie Clicker 的源代码非常相似，但对象系统已经消失了。这是黑魔法:这是对 JavaScript 深奥细节的有趣研究，但不是您应该实际练习的东西。

鉴于 Cookie Clicker 的主题，这是完全合适的。