Javascript 中的静态变量仅设置一次

Question

我费了很大的劲才完成这件事……特别是对于 html5 检测脚本。我想要一个仅设置一次且不能再次覆盖的变量。就是这样：

var StaticConfiguration = {};
StaticConfiguration.Main = {
    _html5: null
}
StaticConfiguration.getVariable = function(name) {
    return StaticConfiguration.Main["_" + name];
}
StaticConfiguration.setVariable = function(name, value) {
    if(StaticConfiguration.Main["_" + name] == null) {
        StaticConfiguration.Main["_" + name] = value;
    }
}

首先，我定义一个包含所有这些变量的全局对象 StaticConfiguration - 在我的例子中，只是“html5”。我将其设置为 null，因为我想在应用程序内设置它。为此，我将其称为

StaticConfiguration.setVariable("html5", "true");

“It's set then”。如果我尝试再次设置它，它会失败 - 当然，因为 _html5 不再为空。所以我实际上使用下划线来“隐藏”静态变量。

这对我有很大帮助。我希望这是一个好方法 - 如果不是请告诉我:)

Answer 1

首先，它是 true，而不是 "true" 所有 字符串（空字符串除外）的计算结果为 true，包括字符串 “假”。

其次，您真的需要这样保护数据吗？无论如何，实际上没有任何方法可以在您的上下文中安全地运行用户的 Javascript。总有办法绕过这样的保护。如果违规代码确实关心的话，它无论如何都可以替换整个 StaticConfiguration 对象。

马修的代码是解决该问题的更好方法，但它不遵循单例模式，而是需要实例化的类。如果您想要一个带有“静态”变量的单个对象，我会这样做。

StaticConfiguration = new (function()
{
  var data = {}
  this.setVariable = function(key, value)
  {
    if(typeof data[key] == 'undefined')
    {
      data[key] = value;
    }
    else
    {
      // Maybe a little error handling too...
      throw new Error("Can't set static variable that's already defined!");
    }
  };

  this.getVariable = function(key)
  {
    if (typeof data[key] == 'undefined')
    {
      // Maybe a little error handling too...
      throw new Error("Can't get static variable that isn't defined!");
    }
    else
    {
      return data[key];
    }
  };
})();

个人旁注：我讨厌“自己的行上的大括号”格式！

Answer 2

请参阅 Crockford 关于 JavaScript 中的私有成员 的文章。你可以这样做：

var StaticConfiguration = (function() {
  var html5; /* this is private, i.e. not visible outside this anonymous function */

  return {
    getVariable: function(name) {
      ...
    },

    setVariable: function(name, value) {
      ...
    }
  };
)();

Answer 3

怎么样：

var StaticConfiguration = new (function()
{
  var data = {}
  this.setVariable = function(key, value)
  {
    if(typeof data[key] == 'undefined')
    {
      data[key] = value;
    }
  };

  this.getVariable = function(key)
  {
    return data[key];
  };
})();

与其他答案类似，但仍然允许任意键。与下划线解决方案不同，这是真正私有的。

Answer 4

我有点好奇为什么你认为你必须做到这种程度才能保护数据不被覆盖。如果您正在检测浏览器，难道不应该只检测一次吗？如果有人用无效数据覆盖它，那么我会认为这将是客户端实现中的问题，而不是库代码中的问题 - 这有意义吗？

顺便说一句，我非常重视 KISS 原则，尤其 当涉及到客户端脚本时。

Answer 5

我知道我参加聚会有点晚了，但在这种情况下我通常

var data;

if (data === undefined || //or some other value you expect it to start with{
data = "new static value"
};