由匿名函数定义的对象，它是如何工作的？ [复制]

Question

我在一次在线讲座中看到了这一点，我想知道 return 声明是怎么回事？

myAcessors = (function() {
  var data = "data";
  var getData = function() {
    console.log(data);
  };
  var setData = function(val) {
    data = val;
  };
  return {
    getData: getData,
    setData: setData
  };
})();

Answer 1

实际上这种技术称为closure，它基本上是一个自初始化函数，（在这种情况下）返回一个对象并封装方法上下文。

myAcessors 中的函数/变量定义，例如data，是为了模拟私有方法或私有变量。将它们视为无法从闭包函数外部访问的静态变量。

为了进一步解释，如果你看一下ECMAScript 2015 class 语法，myAcessors 看起来像这样：

class myAcessors {
  static data = 'data';

  getData = () => {
    console.log(this.data);
  };

  setData = val => {
    this.data = val;
  };
}

Answer 2

myAcessors 是一个包含属性getData 和setData 的对象，它们都是函数。

myAcessors = (function() {
  var data = "data";
  var getData = function() {
    console.log(data);
  };
  var setData = function(val) {
    data = val;
  };
  return {
    getData: getData,
    setData: setData
  };
})();

例如，您可以调用myAcessors.getData()，它会返回"data"。

通过使用匿名函数，您可以将所有代码括在括号内。请注意，myAcessors.data 不会返回任何内容。这是因为变量数据存在于匿名函数内部，除非您提供一种方法，否则无法逃脱：即 get 方法。在您的情况下，您确实有一个 get 方法：getData，它将从闭包内返回变量。

您可以说您的属性是私有的，因为没有 get 方法就无法访问它们。

在 JavaScript 中声明对象的更常见方式是：

myAcessors = {
  data: "data",
  getData: function() {
    console.log(this.data)
  },
  setData: function(data) {
    this.data = data
  }
}

但在这里 myAcessor.data 确实会返回该属性。这次与其他对象不同，您可以访问对象之外的所有myAcessor 属性。