27

我只是想更深入地理解 Javascript。

我创建了一个“类” gameData，我只想要一个，不需要构造函数或实例化。

所以我就这样创造了它......

var gameData = new function () {

    //May need this later 
    this.init = function () { 
    };

    this.storageAvailable = function () {
        if (typeof (Storage) !== "undefined") {
            return true;
        }
        else {
            return false;
        }
    };
}

意识到“new”关键字不允许实例化它并使其可用，就像 C# 中的静态类一样。

我是否正确地考虑了这一点？作为静态的？

4

3 回答 3

28

不，它不是静态的，因为它仍然有一个constructor指向您的“匿名”函数的属性。在您的示例中，您可以使用

var gameData2 = new (gameData.constructor)();

重新实例化第二个对象，因此“类”（实际上是实例）并不是真正的“静态”。您基本上是在泄漏构造函数，可能还有绑定到它的数据。此外，确实会创建一个无用的原型对象 ( gameData.constructor.prototype) 并插入到 的原型链中gameData，这不是您想要的。

相反，您可以使用

  • 一个单一的、简单的对象文字（如Daff 的回答）。这意味着您没有构造函数，没有闭包范围的私有变量（无论如何您都没有使用过），也没有（自定义）原型。
  • （揭示）模块模式（如jAndy 的回答）。在那里，您将有一个IIFE来创建闭包范围的变量，并且可以返回任何类型的对象。
  • 一个实际的构造函数（“类”），可以在以后（需要时）实例化，并始终产生相同的单例对象。

这就是单例模式的样子：

function GameData() {
    if (this.constructor.singleton)
        return this.constructor.singleton;
    else
        this.constructor.singleton = this;

    // init:
    // * private vars
    // * public properties
    // ...
}
GameData.prototype.storageAvailable = function () {
    if (typeof (Storage) !== "undefined") {
        return true;
    }
    else {
        return false;
    }
};

var gameData = new GameData();
var gameData2 = new GameData();
gameData === gameData2 === GameData.singleton; // true

然而，原型毫无用处，因为您只有一个GameData. 只有继承才会变得有趣。

于 2012-05-02T01:31:47.070 回答
15

ECMAscript中没有Class，只有Object。

当new用于调用函数时，我们称其为构造函数。一旦完成，这个函数有点自动返回一个新对象。this使用（引用新创建的对象）存储在该对象中的任何数据都作为该对象的属性返回。除此之外，new将一个名为构造函数的属性设置为该函数。

在您的情况下，您甚至不需要使用new，您可以轻松地重写代码，如下所示：

var gameData = (function () {
    var public = { },
        private = { }; // any private data can get stored here

    //May need this later 
    public.init = function () { 
    };

    public.storageAvailable = function () {
        if (typeof (Storage) !== "undefined") {
            return true;
        }
        else {
            return false;
        }
    };

    return public;
}());

这称为工厂模式、单例模式、模块模式，可能还有其他名称。

于 2012-05-02T01:28:05.793 回答
5

我认为您正在寻找的只是一个简单的 JavaScript 对象：

var gameData = {
    //May need this later 
    init : function () { 
    },

    storageAvailable : function () {
        if (typeof (Storage) !== "undefined") {
            return true;
        }
        else {
            return false;
        }
    }
}

如果您想使用私有变量，请创建一个显示模块模式样式的包装器。这基本上是 jAndy 的建议：

var gameData = (function() {
    var private = 'private variable';

    return {
        //May need this later 
        init : function () { 
        },

        storageAvailable : function () {
            if (typeof (Storage) !== "undefined") {
                return true;
            } else {
                return false;
            }
        }
    }
})();
于 2012-05-02T01:28:09.367 回答