關(guān)于第二種情況的解釋是這樣的：
對于javascript，只有在方法真正執(zhí)行時才會讀取所涉及的變量值。像 show(i) 這個方法的i值并非如你所料的依次傳參為 0、1、2...然后延時執(zhí)行。實(shí)際發(fā)生的情況是，等延時結(jié)束開始執(zhí)行 show方法時，show方法才取讀取 i 值 ，而此時它的值應(yīng)該是 cards.length ，結(jié)果出現(xiàn)所有的輸出結(jié)果都會是相同的值。

徹底理解偏了，樓上 @可好了 的說法是正確的。那是執(zhí)行函數(shù)的用法，是立即執(zhí)行的。

settimeout(show(),i) 你這表示是執(zhí)行函數(shù).是函數(shù)自己執(zhí)行.而不是定時器去調(diào)用
settimeout(show,i) 這是調(diào)用函數(shù). 和傳參不傳參一點(diǎn)關(guān)系沒有.

settimeout(function(){

show();

})

這是創(chuàng)建個函數(shù)去調(diào)用.新創(chuàng)建的函數(shù)被定時器調(diào)用.所有也會有延遲.

這就是一個函數(shù)調(diào)用的問題.仔細(xì)思考就明白了

setTimeout的第一個參數(shù)應(yīng)該是一個function, 在設(shè)置定時的時候首先js解釋器會去對show(i)進(jìn)行求值, 在求值的過程中show的函數(shù)體會被立即執(zhí)行, 然后console.log的返回值為undefined, 然后

> setTimeout(undefined,1000)
TypeError: "callback" argument must be a function

所以呢, 就會出現(xiàn)如題的情形

一個很簡單的答案，setTimeout的第一個參數(shù)是一個函數(shù)或者是一個函數(shù)的引用，在他內(nèi)部，當(dāng)?shù)搅诵枰獔?zhí)行的時間，它會調(diào)用第一個參數(shù)
function setTimeout(fun,time){

如果到了需要執(zhí)行的時間-->
fun()

如果你傳入一個fun(),那么在內(nèi)部就是fun()(),如果fun方法沒有返回值，那么就相當(dāng)于只寫了一個()

}

你這個是把show()的返回值當(dāng)setTimeout的第一個參數(shù)執(zhí)行
setTimeout(show,1000*i,i);第三個和之后的都是第一個參數(shù)的參數(shù)

把show柯里化就行啦～

var cards = document.getElementsByClassName('card')
for (let i = 0; i < cards.length; i++) {
  setTimeout(show(i), 1000 * i)
}
//動畫
function show(i) {
  return function() {
    console.log(new Date())
  }
}

樓上正解，show(i)在setTimeout語句執(zhí)行前已經(jīng)被執(zhí)行了，它已經(jīng)是一個結(jié)果了，所以setTimeout(show(i),1000i);即為setTimeout(一個結(jié)果,1000i);
自然是沒有解的，而打印出來的值其實(shí)是show(i)執(zhí)行的結(jié)果，所以自然沒有延時效果

這跟js語法解析有關(guān)，js是解釋型語言！在從上到下執(zhí)行中，碰到了show(i)，那么就會立即執(zhí)行這個函數(shù)，所以settTimeout()的第一個參數(shù)其實(shí)是show()函數(shù)的返回結(jié)果！

setTimeout(show(i),1000*i);

setTimeout語句執(zhí)行前,show(i)已經(jīng)被執(zhí)行

setTimeout函數(shù)要求第一個參數(shù)為一個函數(shù)

正確的代碼:

    var cards = document.getElementsByClassName('card');
    for(let i=0;i<cards.length;i++){
        setTimeout((function(i){
            return function(){
                show(i);
            }
        }(i)),1000*i);
    }
    //動畫
    function show(i){
        console.log(new Date());
    }