重置或清除 Javascript 对象的正确方法？

Question

我有一个 Javascript 类，其中包含一些函数和成员对象：

function MyUtils()
{
  // Member Variables (Constructor)
  var x = getComplexData();
  var y = doSomeInitialization();

  // Objects
  this.ParamHash = function()
  {
    // Member variables
    this.length = 0;
    this.items = new Array();

    // Constructor
    for (var i = 0; i < arguments.length; i += 2)
    {
      // Fill the items array.
      this.items[arguments[i]] = arguments[i+1];
      this.length++;
    }
  }

  // Functions
  this.doSomething = function()
  {
    // Do something.
    // Uses the items in the ParamHash object.
    for (var i in this.ParamHash.items)
    {
      // Really do something!
    }

    // Clear the ParamHash object -- How??
  }
}

这是通过以下方式调用的：

// First call - works fine.
var utils = new MyUtils();
utils.paramHash = new utils.ParamHash("a", 1, "b", 2);
utils.doSomething();

// Don't want to re-initialize.
// utils = new MyUtils();

// Consequent call - crashes ["Object doesn't support this action."].
utils.paramHash = new utils.ParamHash("c", 3);
utils.doSomething();

问题源于我想在整个代码中重用相同的utils 对象而不必重新初始化它的限制。另外，我希望每次调用 ParamHash 对象时都从头开始重新创建它。但是，对 ParamHash 构造函数的后续调用会引发错误“对象不支持此操作”。在这个阶段，我可以看到 utils.paramHash 对象仍然包含旧值（“a”、“b”）。

我尝试了各种方法来清除 ParamHash 对象，例如将其项目和长度设置为空，从数组中弹出项目。在我使用以下方式（在doSomething() 函数中）之前，似乎没有任何效果：

this.paramHash.items = new Array();
this.paramHash.length = 0;

这似乎是错误的，因为如果我有很多成员变量怎么办...我必须单独重置每个变量吗？ 所以，问题是：将ParamHash 对象重置为初始状态的最佳方法是什么？我肯定希望有一种更清洁/更直接的方式。类似的东西：

// Doesn't work! :-(
this.paramHash = new function() {};

编辑：我正在寻找一种跨浏览器解决方案 - 至少在 IE6+ 和 FF 2+ 中有效。

---

解决方案：感谢 Cristoph，我能够通过在 MyUtils 中创建一个单独的变量/属性来做到这一点，该变量/属性仅包含 ParamHash 函数的实例。

function MyUtils()
{
  // Same ol' stuff.
  var myParamHash;
}

// First call - works fine.
var utils = new MyUtils();
utils.myParamHash = new utils.ParamHash("a", 1, "b", 2);
utils.doSomething();

// Consequent call - works fine now.
utils.myParamHash = new utils.ParamHash("c", 3);
utils.doSomething();

Answer 1

这个

utils.ParamHash = new utils.ParamHash("a", 1, "b", 2);

用实例对象覆盖包含ParamHash() 构造函数的属性。您可以通过

取回构造函数

utils.ParamHash.constructor

但更简洁的方法是首先不覆盖它并使用单独的属性来保存实例。

---

我不知道 Cerebrus 试图解决的确切问题，所以他的所作所为可能有正当的理由。但在我看来，他的解决方案过于复杂。我会做这样的事情：

function MyUtils() {
    this.x = getComplexData();
    this.y = doSomeInitialization();
    this.params = {};
}

MyUtils.prototype.doSomething = function() {
    for(var prop in this.params) {
        if(this.params.hasOwnProperty(prop)) {
            // do stuff
        }
    }
};

var utils = new MyUtils;
utils.params = { a : 1, b : 2 };
utils.doSomething();

如果您可以确定没有人弄乱Object.prototype，则无需检查hasOwnProperty()。

---

一些额外的cmets：

• 在 JavaScript 中，通常只有构造函数的名称大写
• items 不应该是一个数组，而是一个普通的对象，即this.items = {};

Answer 2

什么时候做的

utils.ParamHash = new utils.ParamHash("a", 1, "b", 2);

您将 ParamHash 构造函数替换为对象实例。后续new ParamHash() 失败，因为 utils.ParamHash 不再是构造函数。

试试这个：

var utils = new MyUtils();
utils.paramHashInstance = new utils.ParamHash("a", 1, "b", 2);
utils.DoSomething();

Answer 3

您是否尝试过省略 new 关键字？

utils.ParamHash = utils.ParamHash("c", 3);