javascript - 更新值不会在 Javascript 中递增

Question

我试图每次都将一个值递增 1，但它不起作用。我的变量 currentValue 按预期给了我 0 但是当我尝试使用 var newValue = currentValue++; 增加它时它仍然给我 0。

function updateClicks(e, maxValue) {
    var buttonClicked = e.target;
    addClass("clicked", buttonClicked);
    var counterBox = buttonClicked.nextElementSibling;

    var currentValue = buttonClicked.value;
    console.log(currentValue);

    var newValue = currentValue++;
    console.log(newValue);
}

我在这里做错了什么？

Answer 1

如果你想影响增加的值，你必须使用 pre increment 运算符，比如:

var newValue = ++currentValue;

因为 currentValue++(后递增)将递增 currentValue 但在将其分配给 newValue 变量之后。

• pre-increment : (++currentValue) 会将 currentValue 的值加一然后返回当前值。
• post-increment : (currentValue++) 将返回 currentValue 然后加一。

希望这对您有所帮助。

var currentValue = 0;
console.log('Increment using pre increment : '+(++currentValue));
console.log('pre increment return : '+currentValue);

console.log('-----------------------------------');

var currentValue = 0;
console.log('Increment using post increment : '+(currentValue++));
console.log('post increment return : '+currentValue);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>