For循環(huán)中分號隔開的3部分的執(zhí)行順序探討
更新時間：2014年05月27日 10:37:07 作者：
這篇文章主要探討了For循環(huán)中分號隔開的3部分的執(zhí)行順序,需要的朋友可以參考下
引發(fā)這個問題思考的是一段js程序的運行結果：
var i = 0;
function a(){
for(i=0;i<20;i++){
}
}
function b(){
for(i=0;i<3;i++){
a();
}
return i;
}
var Result = b();
這段程序的運行結果是Result = 21；
從這段程序中我們可以看出，i在a函數返回的時候值是20這是沒有問題的。
而在b函數返回的時候，i的值是20還是21就值得討論了。
問題的本質即：先進行了判斷i<3，還是先進行了i++，再判斷是否i<3.
根據執(zhí)行的結果可以看出，是先執(zhí)行了i++的。
function a(){
for(i=0;i<20;i++){
// 沒有 var i
//這里的i就是全局變量所有人可以訪問
}
}
function b(){
for(i=0;i<3;i++){
//alert(i);//同理這里的i也是全局變量，返回0且只有一次返回
a();//這個函數返回是i=20
//當i=20 經過 i++后 i=21 那么就不符合i<3的條件，直接退出。所以return i=21 這很正常！
}
return i;
}
var Result = b();
在此我們補完for循環(huán)的執(zhí)行順序：
以下面程序為例
for(int i=0;i<10;i++)
{
}
首先執(zhí)行i=0;i<10; 然后執(zhí)行第一輪循環(huán)體
然后執(zhí)行：i++,i<10; 然后執(zhí)行第二輪循環(huán)體
直到最后一次 i++后 i >=10,此時循環(huán)結束。
即
語句 1 在循環(huán)（代碼塊）開始前執(zhí)行
語句 2 定義運行循環(huán)（代碼塊）的條件
語句 3 在循環(huán)（代碼塊）已被執(zhí)行之后執(zhí)行
復制代碼 代碼如下:
var i = 0;
function a(){
for(i=0;i<20;i++){
}
}
function b(){
for(i=0;i<3;i++){
a();
}
return i;
}
var Result = b();
這段程序的運行結果是Result = 21；
從這段程序中我們可以看出，i在a函數返回的時候值是20這是沒有問題的。
而在b函數返回的時候，i的值是20還是21就值得討論了。
問題的本質即：先進行了判斷i<3，還是先進行了i++，再判斷是否i<3.
根據執(zhí)行的結果可以看出，是先執(zhí)行了i++的。
復制代碼 代碼如下:
function a(){
for(i=0;i<20;i++){
// 沒有 var i
//這里的i就是全局變量所有人可以訪問
}
}
function b(){
for(i=0;i<3;i++){
//alert(i);//同理這里的i也是全局變量，返回0且只有一次返回
a();//這個函數返回是i=20
//當i=20 經過 i++后 i=21 那么就不符合i<3的條件，直接退出。所以return i=21 這很正常！
}
return i;
}
var Result = b();
在此我們補完for循環(huán)的執(zhí)行順序：
以下面程序為例
復制代碼 代碼如下:
for(int i=0;i<10;i++)
{
}
首先執(zhí)行i=0;i<10; 然后執(zhí)行第一輪循環(huán)體
然后執(zhí)行：i++,i<10; 然后執(zhí)行第二輪循環(huán)體
直到最后一次 i++后 i >=10,此時循環(huán)結束。
即
語句 1 在循環(huán)（代碼塊）開始前執(zhí)行
語句 2 定義運行循環(huán)（代碼塊）的條件
語句 3 在循環(huán)（代碼塊）已被執(zhí)行之后執(zhí)行
相關文章
這篇文章主要介紹了通過js、jquery實現(xiàn)的圖片動畫、圖片動態(tài)切換 ,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了js中的內部屬性與delete操作符的相關資料,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了iframe里的頁面禁止右鍵事件的方法,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細介紹了javascript實現(xiàn)數組去重的多種方法，感興趣的小伙伴們可以參考一下2016-03-03
JS操作Cookie，包含了寫入和讀取及讀取value的值，適合新手朋友，感興趣的朋友可以參考下2013-10-10
這篇文章主要為大家詳細介紹了微信小程序開發(fā)實現(xiàn)消息推送，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
這篇文章主要給大家介紹了關于如何利用JavaScript編寫更好的條件語句的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JavaScript具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2020-08-08
這篇文章主要介紹了微信小程序時間戳轉日期，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
確定你是要禁用全局的還是指定控件，如果是全局的 就只要監(jiān)聽window.keyDown = function(event){.....} 一樣一樣的，感興趣的朋友可以了解下哈2013-05-05
這篇文章主要介紹了JS+DIV實現(xiàn)的卷簾效果,結合具體實例形式對比分析了javascript響應鼠標事件動態(tài)操作頁面元素屬性實現(xiàn)展開與折疊效果的相關操作技巧,需要的朋友可以參考下2017-03-03