JavaScript 全局变量不更新答案

【问题标题】：JavaScript global variables not updatingJavaScript 全局变量不更新
【发布时间】：2012-03-11 21:56:39
【问题描述】：

我在编写一些 jQuery 时遇到了一些逻辑问题。我怀疑我的全局变量有问题，但我不确定问题出在哪里。我正在记录所有正在运行的内容，出于某种原因，在我的rollDown() 函数中，虽然我使用的是id++，但我的全局id 变量没有被更新（如日志中所示）。

我需要更新我的全局变量，以便当我单击 header > a 时，else if 语句将运行，而不是再次触发 rollDown()。

以下是相关代码：

var id = 0;
var animSpeed = 0;
var animDelay = 0;
var working = 0;
var items = 0;

function logs() {
    "use strict";
    console.log('id: ' + id);
    console.log('-----');
    console.log('animSpeed: ' + animSpeed);
    console.log('-----');
    console.log('animDelay: ' + animDelay);
    console.log('-----');
    console.log('working: ' + working);
    console.log('==============');
}

function rollDown(items, id) {
    "use strict";
    var dist = $('li').eq(id).outerHeight(), slideDown = {'margin-top' : '+=' + dist + 'px'};
    console.log('items: ' + items + ' & id: ' + id);
    if (id <= items) {
        if (id === 0) {
            $('#toggle').html('Hide &uarr;');
        }
        $('li').not($('li').eq(id).prevAll()).delay(animDelay).animate(slideDown, animSpeed);
        id++;
        logs();
        rollDown(items, id);
    } else {
        console.log('herp derp');
        logs();
    }
}

function getVals() {
    "use strict";
    animSpeed = $('#speed').val();
    animDelay = $('#delay').val();
}

function resetPosition() {
    "use strict";
    $('li').stop().css('margin-top', 0);
    id = 0;
    working = 0;
    $('#toggle').html('Show &darr;');
}

$(function () {
    "use strict";
    $('header > a').click(function () {
        if (id === 0 && working === 0) {
            getVals();
            items = $('ul').children().length;
            var z;
            for (z = 0; z < items; z++) {
                $('li').eq(z).css('z-index', items - z);
            }
            working = 1;
            rollDown(items, id);
        } else if (id !== 0) {
            resetPosition();
            alert('!!');
        }
        return false;
    });
});

这是我的控制台打印出来的内容：

items: 6 & id: 0
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 1
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 2
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 3
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 4
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 5
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 6
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============
items: 6 & id: 7
herp derp
id: 0
-----
animSpeed: 410
-----
animDelay: 20
-----
working: 1
==============

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您将id 作为rollDown 方法签名中定义的参数。如果您删除它，您的全局变量将正确更新。

发件人：

function rollDown(items, id) {

收件人：

function rollDown(items) {

您可能还想删除items，因为它也在全局命名空间中定义。

【讨论】：

+1. 请注意，使用全局命名空间并不是最好的做法。

【解决方案2】：

当您使用名称 id 像这里这样 :function rollDown(items, id) 进入您的函数变量时，您会运行全局变量。

使用：

function rollDown(items){

【讨论】：