为什么 iife chage 中“X”的值取决于我们访问它的方式？

Question

我有以下 js 代码。

var a = (function(){
    var x = 0;
    var y = function(){
        x++;
        console.log(x);
    }
    var z = function(){
        return x;
    }
    return {
        x, y, z
    }
})();

在这里，当我第一次尝试访问 a.x 时，它给了我输出 0（预期 x 初始化为 0），然后我使用函数 @ 递增 x 的值987654325@。但是在将x 的值增加两次（或者可能超过2）之后，当我尝试访问x 的值时，它仍然给了我a.x=0。我无法理解为什么会这样，因为我已经使用函数 y 更改了 x 的值。那为什么它没有改变。

（但是当我通过某个函数访问 x 的值时，它会给出递增的值。为什么会有这种不同的行为。如果我直接访问同一个变量，那么它将给出一些输出，当我返回相同的变量值时它赋予了一些其他价值。为什么？）

var a = (function(){
  var x = 0;
  var y = function(){
	x++;
	console.log(x);
  }
  var z = function(){
	return x;
  }
  return {
	x, y, z
  }
})();

console.log(a.x);
a.y();
a.y();
console.log(a.x);
console.log(a.z());

我猜是因为关闭但不确定。

Answer 1

最后一行：

   return { x, y, z };

等同于：

  return { x: x, y: y, z: z };

所以它将局部变量复制到对象中。对于通过引用复制它们无关紧要的函数或对象，但基元是按值复制的，因此您有两个不同的z，一个局部变量和对象属性。

Answer 2

当你创建一个对象并返回它时：

return {
  x, y, z
}

对象中的x 属性接收本地变量x 的副本。它没有以任何方式绑定到除此之外的局部变量，因此对闭包中变量的后续更改不会反映在该对象中。

你可以做一个吸气剂：

return {
  get x() { return x; },
  y, z
};

这将导致对返回对象的“x”属性的任何访问获取闭包中x 的当前值。