0

我的代码将数字递增或递减 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>
4

3 回答 3

3

数字是按值传递的，而不是引用，所以你可以做你想做的事。按照您的代码结构，您需要像这样分配返回值：

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

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

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

或者，由于您已经在使用全局变量，您可以直接修改全局变量，甚至不将其作为参数传递。它是作为参数传递的，它复制了它，所以你不能修改原始文件。一般来说，不推荐使用全局变量，但如果由于其他原因它已经是全局变量，则可以直接在函数中修改它，而无需将其作为参数传递。

于 2013-02-23T21:17:24.360 回答
0 
function makeButtonIncrement(button, upDown, displayDiv) {

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

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

        displayDiv.innerHTML = testNum;
    }

    button.onclick = changeValue;
}
于 2013-02-23T21:24:10.973 回答
0

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

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

于 2013-02-23T21:18:07.347 回答