论js里面的for循环

首先搞懂执行的顺序：



对，执行顺序就是这样的。

for循环的作用：

1、在编写代码时，你常常希望反复执行同一段代码。

2、遍历数组，可以用forEach();对于DOM对象（nodelist）的话，比如通过document.getElementsByTagName('li')生成的dom对象，需要这样使用：

<script>
var item = document.getElementsByTagName('li');
new Array().forEach.call(item,function(li,index){
li.onclick = function(){
console.log(index);
}
})
</script>

或者是这样也

var item = document.getElementsByTagName('li');
[].forEach.call(item,function(li,index){
li.onclick = function(){
console.log(index);
}
})

也可以是这样：

var item = document.getElementsByTagName('li');
Array.prototype.forEach.call(item,function(li,index){
li.onclick = function(){
console.log(index);
}
})

现在来说说for循环的原理吧：

　for (变量 = 开始值;变量 <= 结束值;变量 = 变量 + 步进值) {需执行的代码 }

变量赋值给了需要执行的代码，其实此时如果for不在函数中的话，i是全局变量。

比如写这样一段代码：

var btn = document.getElementsByTagName('li');

for(var i = 0;i<2;i++){
(function(j){
btn[j].onclick = function(){
alert(j);
};
})(i)
}

步骤：

1、i=0;然后传给函数的形参j，j再赋值给需要执行的代码。执行完后i=i+1;在判断i<2，如果是true,则继续执行下面的代码。