如何使用闭包保存变量状态

Question

我有一个需要多次调用的函数，这个函数会在我的 html 中追加元素：

class MyClass {

  somefunct(elements) {
    const father = $("#father").find("#other-element");
    for (let element of elements) {
      father.append(element);
    }
  }
}

我想避免在每次调用中调用初始化父亲。怎么样？

我过得怎么样：

  somefunct(elements) {
    const father = $("#father").find("#other-element");
    this.somefunc = (elements) => {
      for (let element of elements) {
        father.append(element);
      }
    }
  }

这会起作用，但我不知道这是否是一种不好的做法，或者是否有更好的方法。

谢谢。

Answer 1

如果你使用 ES6 类。可以这样做：

    class MyClass {

      constructor(options){
          this.$father = options.el;
      }

      somefunct(elements) {
        for (let element of elements) {
          this.$father.append(element);
        }
      }
    }

    let classInstance = new MyClass({
      el: $("#father").find("#other-element")
    });

    classInstance.somefunct(elements);

Answer 2

最好的方法是将父亲声明为类的属性并在构造函数中获取一次，如下所示：

class MyClass {
  constructor() {
    this._father = $("#father").find("#other-element");
  }

  somefunct(elements) {
    for (let element of elements) {
      this._father.append(element);
    }
  }
}

但在这种情况下，_father 成员将是公众的。如果你想将它隐藏在闭包中，你必须在定义类方法时使用 IIFE（立即调用函数表达式），但由于 ES 类文字不允许 IIFE，你必须像这样使用旧原型：

class MyClass {

  // ... other methods

}

MyClass.prototype.somefunct = (function() {
    const father = $("#father").find("#other-element");
    return function(elements) {
        for (let element of elements) {
            father.append(element);
        }
    }
}());