javascript for循环从入门到偏门(效率优化+奇特用法)

2024-05-06 14:21:35

字体：大中小

来源：转载

供稿：网友

一，for循环的基本写法
代码如下：
代码如下:
//例一for(var i=1;i<=10;i++) {
alert(i);
}

这段代码太简单了，我都不好意思拿出手。代码的执行结果是依次弹出1到10，PS：在早期的IE如IE6中，你把10改成10000，就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。
由于这是一篇基础课程，所以我们回归正题来详细分析一下这段代码吧。
for循环的结构都是类似的，任意一个for循环都是这样的：
for(开始前;循环进行的条件;循环一次结束后做什么) {
// 主体代码
}如果仔细看一下for循环，就会发现他的一个万年不变的特点：for后的()中，永远是有且只有两个;(英文分号)!
上面的结构代码已经说明，分号的作用是用来分割for循环的执行条件。这些条件都是缺一不可的，可以为空，但位置必须留着，所以必须有两个;。
开始前：一般用来声明一些变量，如例一的var i=0，就像准备了一个篓子，里面暂时没有任何东西。工具的数量不限，你可以在for循环开始前声明100个变量，除了不好看之外，也没什么问题。
循环进行的条件：如第1个例子中的i<10，就是条件了，只有条件为真时，for循环才会进行下去，例一的条件可以看成if(i<10){//do...}。可以想象成篓子最多装10个东西，如果多了10个，就不装了，退出循环。
循环一次后做什么：例一中只是简单的给篓子里面加入一个东西，其实你还可以做很多事，毕竟循环一次不容易。
特别说明：for循环“开始前”的代码只会执行一次，不会影响整个for循环的效率，而“进行条件”与“一次结束后做什么”，你循环次数有多少，他就执行多少次，所以他们经常成为for循环性能瓶颈。
如果说for循环第1个;前是开始前做的事，那我可不可以把开始前的事情拿到for循环前面来呢？只要在开始前定义就行了嘛。答案是可以：
代码如下:
//例2
var i=0；
for(;i<10;i++) {
alert(i);
}

但要注意，虽然for后面的括号里“开始前”已经没有内容了，但;（分号）还在！而且必须在！
同理，既然第2个;后面的代码是一次结束后执行的，那我也可以把要执行的放在for循环后啊。如下：
代码如下:
//例子3
var i=0；
for(;i<10;) {
alert(i);
i++
}

但依然，万恶的两个;还是必须存在。
上面也就是两个基础的“偏门用法”了。。。不要说我坑爹
不过你也看到了，执行循环的条件，是不能单独提出来的，必须放在两个分号之间！前后夹击！
二，for循环的偏门写法
1，我们把例一的代码变成：
var i=0;
for(;i<10;alert(i++)) ;怎么样？这才是坑爹啊，{}都没有了！不过完全正确啊！
不过这种写法太过逆天，第2个;后面的代码最好不要多，一多起来你就不能掌握i的值了，而且因为代码混乱可能导致人为的语法错误。

上一篇：了解一点js的Eval函数

下一篇：jQuery Tools Dateinput使用介绍