小心JavaScript中For循环的迭代变量

 先开始学习WEB开发，一直最求的目标，我的追求，我的哎。

 

写了几天JavaScipt，自己就把自己雷倒了。吼！

 

在写JavaScript的时候遇到一个问题，for循环迭代变量使用不对，导致进入了无限循环（我喜欢这个）^_^。

先看以下代码：

 

function getXX(){

    //..........

    for(i = 0; i < 4; i ++){

       //..........

    }

    //..........

}

function doXXXXX(){

     //..........

    for(i = 0; i < 10; i ++){

       //..........

       getXX();

       //..........

    }

   //..........

}

 

上面的代码很简单吧！看出有什么问题吗？

但事实上，上面的代码已经很危险了。可以测试测试（最好加个alert哈哈）。

 

 

看出来了吧！ 出现错误的就是迭代变量i,doXXXX()中调用了getXX()，2个函数中都使用了迭代变量i，在很多语言中我们都这么用的，但在JS这里，这样用是不行的。

 

JS中如果使用到的变量在当前逻辑块中没定义，那么它会层层上找，知道全局，如果还没有，那么自动定义，换句话就是这里面使用的迭代变量i是全局的，是自动定义的，不是你手动定义的。

 

问题出现了，也找到了。那么接下来解决就好办了。

只需要在每次使用迭代变量的时候手动定义一个就OK了。

如下：

function getXX(){

    //..........

    var i;

    for(i = 0; i < 4; i ++){

       //..........

    }

    //..........

}

function doXXXXX(){

     //..........

    var i;

    for(i = 0; i < 10; i ++){

       //..........

       getXX();

       //..........

    }

   //..........

}

 

初学遇到的，纪念下.................