为什么这个值在 JavaScript 中是 3？ [复制]

Question

我认为下面的代码应该显示4，为什么会产生3？

function arithFunc() {
    var n = 0;
    return {
        plusOP: function() {
            return n++;
        },
        minusOP: function() {
            return n--;
        }

    };
}

var aTest = arithFunc(),
    bTest = arithFunc();

document.getElementById("demo").innerHTML = aTest.plusOP();
document.getElementById("demo").innerHTML = aTest.plusOP();
document.getElementById("demo").innerHTML = bTest.minusOP();
document.getElementById("demo").innerHTML = aTest.plusOP();
document.getElementById("demo").innerHTML = bTest.minusOP();
document.getElementById("demo").innerHTML = aTest.plusOP();

<p id="demo"></p>

Answer 1

您正在使用后缀递增和递减运算符。这些是在返回值后计算的。例如：

var n = 0;
console.log(n++); // 0
console.log(n); // 1

尝试使用前缀运算符：

var n = 0;
console.log(++n); // 1
console.log(n); // 1

您的代码将如下所示：

function arithFunc() {
    var n = 0;
    return {
        plusOP: function() {
            return ++n;
        },
        minusOP: function() {
            return --n;
        }

    };
}

Answer 2

你把事情复杂化了：n++ 的计算结果是 n 的值，然后递增 n。

aTest 和bTest 拥有自己的n 私有副本，因此所有这些bTest.minusOP 调用都与p#demo 的最终内容无关，后者仅获取最后一个plusOP 返回的值。

n 从零开始。第一个return n++ 返回0 并将n 递增到1。下一个return n++ 返回1 并将其递增到2 等等

function arithFunc() {
  var n = 0;
  return {
    plusOP: function() {
      return n++;
    },
    minusOP: function() {
      return n--;
    }

  };
}

var aTest = arithFunc(),
  bTest = arithFunc();

document.getElementById("demo").innerHTML += " " + aTest.plusOP();
document.getElementById("demo").innerHTML += " " + aTest.plusOP();
document.getElementById("demo").innerHTML += " " + bTest.minusOP();
document.getElementById("demo").innerHTML += " " + aTest.plusOP();
document.getElementById("demo").innerHTML += " " + bTest.minusOP();
document.getElementById("demo").innerHTML += " " + aTest.plusOP();

<p id="demo"></p>