Confuse о очереди Jquery и DEQUEUE

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, почему это произошло как можно? print как порядок массива?

Второй вопрос: когда я пытаюсь изменить способ написания 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, потому что условие проверяется после приращений.