javascript - 為什么結果是3不是2呢？

問題描述

function F(){ var arr=[],i; for(i=0;i<3;i++){arr[i]=function(){ return i;}; } return arr;}arr[0]();//3arr[1]();//3arr[2]();//3

問題解答

for(i=0;i<3;i++){循環體}執行過程是賦初值0，然后執行判斷語句i<3，為true的話，執行循環體，循環體執行完之后執行i++；所以當i執行到2的時候，i<3為true，執行循環體，然后i++，此時i等于3，然后判斷i<3，判斷為false，不執行循環體，退出循環，此時i=3;

最后一次for循環過后，i++把i變成了3

此題用斷點方式很容易就看出來了，其實就是函數執行時機的問題，函數是在調用時才執行，循環執行完后，i=3，再調用數組內的函數時，i只能為3.

js順序執行，首先執行所有的循環，在執行的過程中以此arr[0]= function(){return i;},arr[1]= function(){return i;},arr[2]= function(){return i;}同時i循環后編程3，接著調用arr[0]()等調用的時候，此時作用域內的i是3，所以依次都會是3.

PS： 這題應該會先執行arr = F()把，否則會報錯呀～～