逗号操作符之坑

2016-11-09 本文已影响16人寻猫的耗子

故事是这样的..一个哥们在面试给我发了道题..我一下就懵圈了..

 for(var i=0,var j=0;i<10,j<6;i++,j++){       
       k=i+j
 }//k的值是多少?

当时的内心os是,为什么for的条件可以有两个,为啥我从没见过,这题是不是太偏?...(无知的我!..>_<..)
经过谷歌之后明白了逗号操作符的存在..下面详细说来!

逗号操作符

对它的每个操作对象求值（从左至右），然后返回最后一个操作对象的
　　　　　　　　　　　　　　　　　<small>ｍｄｎ曰</small>

a=(1,2,3)//a=3;

这能解开我们上文的第一个疑问了!
在上面题目中条件位置有两个值,根据逗号操作符的特性,我们可以把我们的题目看成这样了

    for (var i=0,var j=0;j<6;i++,j++){
    k=i+j;
    }

ok,问题解决,它终于变成一个正常的for语句..么么哒..撒花~~
吃瓜的我:
为啥前面不排除了嘞?
为啥后面不排除了嘞?

当你想要在期望一个表达式的位置包含多个表达式时，可以使用逗号操作符。这个操作符最常用的一种情况是：for 循环中提供多个参数。
<small>mdn君又云</small>

for (var i = 0, j = 9; i <= 9; i++, j--)
  document.writeln("a[" + i + "][" + j + "] = " + a[i][j]);

这里还要解释下,这里的var中的逗号不是逗号操作符,因为它不是存在表达式中!
也就是说逗号操作符只存在表达式中！
什么是表达式？　⁄（⁄　⁄•⁄㉨⁄•⁄　⁄）⁄　
goole一下(其实是百度百科)

表达式，是由数字、算符、数字分组符号（括号）、自由变量和约束变量等以能求得数值的有意义排列方法所得的组合

所以这里var不是表达式哦，为啥不是表达这里不说了（你猜我知不知道..）
那么下一个,for最后的参数也是逗号操作符,而且mdn上明确了它怎么玩的,但是它和我var a=(1,2,3)有点点区别,我想咱就能得出一个非官方的结论哈

用逗号分开的表达式的值分别结算，但整个表达式的值是最后一个表达式的值。

所以我们的问题可以简化成这样..

 for(var i=0,j=0;j<6;i++,j++){
    k=i+j;
 }//这里i和j同时运行 所以k=10;

妥妥的问题已经解决了,可是发现一特坑的地方....
感觉是不是逗号操作符要看上下文,要看上下文~~上下文!!!!
故而斗胆总结下逗号出现在哪里!
笔者现在只是挖个坑给以后也许能成为大神的自己来填..所以有所错误请见谅

var a=1,b=2
//这样很常见哦！

var sum(a,b){
    return a+b;
}
sum(1,2)//用来分隔各个多个参数

var foo(){
    var a=0;
    return (x+=1,x);//x+=1是会运行的哟..
}

好像我只知道这么多了．．．．