虽说提倡“退吧保智商”,不过我时常还会去瞄两眼的,毕竟贴吧在去年我人生最低谷的时候帮助我走了上来。刚刚在贴吧里看到一个并不很起眼的帖子for循环求值

本来看到这种帖子根本都不会去点开的,天知道我今天下午是不是被热坏了脑子打开看了一下那张图片。大意就是说这样一个循环执行之后j 的值为什么等于4:

for(i = 0; i < 5; i ++) j = i ++;

下面回复的有说“for的写法没有括号默认执行第一句”,虽然没有听过这个说法,不过我表示赞同。平时谁会这样用for 循环啊,自增量放到循环体里面用的场景我还真没见过==|||。

解决这个问题很简单,F12 开发工具跑一下。

for(i = 0; i < 5; i ++){
  console.log("before: i="+i+"\n");
  j = i ++;
  console.log("after: j="+j+"\n");
  console.log("after: i="+i+"\n");
}
// 结果:
// before: i=0
// after: j=0
// after: i=1
// before: i=2
// after: j=2
// after: i=3
// before: i=4
// after: j=4
// after: i=5

这样看明白了没有?在作 a = b ++ 这种运算时,是这样的:a = b; b ++ 。在 for 循环里也是这样的,判断完 i < 5 之后,先执行循环体,然后 i 的值增加 1 ,再继续下一次循环。如果没有 j = i ++ 这一句,而是 j = i 的话,j 的值就是从 0 到 4 ;但是这里第一个循环,到 j = i ++ 这一句时, i 的值为 0 , j = i ++ 实际等价于 j = i; i = i + 1 ,这样 j 第一个值为 0 ,之后 i 的值增加 1 ,再之后循环体结束, i 的值加 1 (这是 for 那个小括号里的 i ++ 语句),此时 i 的值为 2 。

顺着这种逻辑推理下去,够明白了吧?

搞清楚之后,可以尝试一下下面这种变体。

for(i = 0; i < 5; ++i){
  console.log("before: i="+i+"\n");
  j = i ++;
  console.log("after: j="+j+"\n");
  console.log("after: i="+i+"\n");
}
// 结果:
// before: i=0
// after: j=0
// after: i=1
// before: i=2
// after: j=2
// after: i=3
// before: i=4
// after: j=4
// after: i=5

做过这个就会知道 for 循环的用法。在 for 循环里,自增运算符的位置其实无关紧要,自增量总是在整个循环体结束之后加 1 。可以参照 C 语言相关的书,或是这里:for 循环中的i++ 和 ++i有什么区别?