将全局变量传递给函数-函数运行后全局变量不更新

Question

我的代码将数字递增或递减1。问题是“ testNum”，这是一个全局变量，应反映递增或递减的增量，但是当我在控制台中检查“ testNum”的值时，它始终为20。我通过了“ testNum” ”并返回它。 为什么它不反映增量？

小提琴： http : //jsfiddle.net/FnUXw/1/

<input type="button" id="btnDown" value="-">
<span id="amountDiv">amount div</span>
<input type="button" id="btnUp" value="+">

<script>
var testNum = 20;

amountDiv.innerHTML = testNum;

function makeButtonIncrement(button, upDown, displayDiv, variable) {

    function changeValue () {
        if (upDown == "up") {
            variable++;
        }

        if (upDown == "down") {
            variable--;
        }

        displayDiv.innerHTML = variable;
    }

    button.onclick = changeValue;

    return variable;
}

makeButtonIncrement(document.getElementById('btnDown'), "down", document.getElementById('amountDiv'), testNum);

makeButtonIncrement(document.getElementById('btnUp'), "up", document.getElementById('amountDiv'), testNum);
</script>

Answer 1

数字是通过值传递的，而不是作为参考传递的，因此您可以执行自己想做的事情。 按照代码的原样进行结构化之后，您需要在分配返回值的过程中执行以下操作：

testNum = makeButtonIncrement(document.getElementById('btnDown'), "down", document.getElementById('amountDiv'), testNum);

只有数组和对象是通过引用传递的，因此它们可以作为参数传递，并且可以让函数修改原始变量。 其他类型按值传递（例如，为参数创建副本），因此您无法修改原始类型。

修改原始文件的方法是将其作为对象的属性传递。 然后，由于该对象是通过引用传递的，因此该函数可以修改原始属性值。

---

或者，由于您已经在使用全局变量，因此可以直接修改全局变量，甚至不将其作为参数传递。 它是作为参数传递的副本，因此您无法修改原始参数。 通常不建议使用全局变量，但是如果由于其他原因它已经是全局变量，则可以直接在函数中对其进行修改，而无需将其作为参数传递。

Answer 2

您正在使用“ variable ++”和“ variable--”，它们正在递增或递减该局部范围的变量（局部于函数范围）。 该参数不是指向全局变量的指针，而是通过值（而不是通过引用）传递。

最简单的修改是将variable++和variable--分别更改为testNum++和testNum--并删除该最终函数参数，因为这是不必要的。

Answer 3

function makeButtonIncrement(button, upDown, displayDiv) {

    function changeValue () {
        if (upDown == "up") {
            testNum++;
        }

        if (upDown == "down") {
            testNum--;
        }

        displayDiv.innerHTML = testNum;
    }

    button.onclick = changeValue;
}