混淆jQuery队列和出队

Question

我有一个数组，我想使用 jquery 队列和一个打印函数将它们打印出来：

var show = function (el) { //print function 
    console.log('el', el);
}

var arr = ["a", "b", "c", "d", "e"];
var que = $({});
for (var i in arr) {
    que.queue('custom', function (next) {
        show(arr[i]);
        next();
    })
}
que.dequeue('custom');

但是所有的打印信息都是e，为什么会这样？打印怎么可能是数组顺序？

第二个问题是当我尝试改变for循环的写法时，比如：

for (var i = 0; i < arr.length; i++) {
    //...
}

所有打印信息将是 undefined 。两种写法有区别吗？它总是一样的，不是吗？

这里是演示：http://jsfiddle.net/hh54188/L8ExM/

Answer 1

这是一个范围界定问题。当你的函数在内部函数中被称为变量i 等于arr.length，所以arr[i] 是undefined。您需要用匿名函数包装它：

var show = function (el) {
    console.log('el', el);
}

var arr = ["a", "b", "c", "d", "e"];
var que = $({});
for (var i = 0; i < arr.length; i++) {
    (function(i) {
        que.queue('custom', function (next) {
            show(arr[i]);
            next();
        });
    })(i);
}
que.dequeue('custom');

此外，当您使用for (var i in arr) 时，您会得到e，因为循环在最后一个元素4 处停止。第一个循环在5 处停止，因为条件是在 递增之后检查的。