更新值不在 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++（post 递增）将递增 currentValue 但在将其分配给 newValue 变量之后。

pre-increment : (++currentValue) 会将 currentValue 的值加一，然后 returns currentValue.
post-increment : (currentValue++) 将 returns 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>

Answer 2

尝试：

var newValue = ++currentValue;

Answer 3

第一次给你0。 为什么？
++ (post increment) 运算符 - returns 值然后递增它的值。例子

var a = 4;
var b = a++; // Here it assigns 4 to b, then increments it's value
console.log(a); // 5
console.log(b); // 4

您必须使用 pre increment 表格

  var a = 4;
  var b = ++a; // Here it increments it's value then assigns it to b
  console.log(a); // 5
  console.log(b); // 5

更新值不在 Javascript 内递增

Update value not incrementing in Javascript

javascript

increment

pre-increment

post-increment