增量后运算符在评估之前不会增加变量

Question

我正在寻找为什么递增运算符不会在我设置innerHTML值的地方递增数值的原因，如下所示：

<div id="php"></div>

var a = 14;
document.getElementById("php").innerHTML = a++;//the result will be 14 instead of 15

Answer 1

您可以执行a++而不是使用++a来获取变量值分配之前的增量：

＆＃13;

＆＃13;

var a = 14;
document.getElementById("php").innerHTML = ++a;

＆＃13;

<div id="php"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

它确实增加了变量，但是它写入innerHTML然后递增值，你可以使用++a来增加值，然后写入innerHTML。

＆＃13;

＆＃13;

var a = 14
var b = 14
console.log('before a', a)
document.getElementById("test1").innerHTML = a++
console.log('after a', a)

console.log('before b', b)
document.getElementById("test2").innerHTML = ++b
console.log('after b', b)

＆＃13;

<div id="test1"></div>
<div id="test2"></div>

＆＃13;

＆＃13;

＆＃13;