美文网首页
逗号操作符之坑

逗号操作符之坑

作者: 寻猫的耗子 | 来源:发表于2016-11-09 01:03 被阅读16次

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

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

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

    逗号操作符

    对它的每个操作对象求值(从左至右),然后返回最后一个操作对象的
                     <small>mdn曰</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;
    

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

    1.多个赋值

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

    2.函数传参

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

    3.逗号表达式

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

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

    相关文章

      网友评论

          本文标题:逗号操作符之坑

          本文链接:https://www.haomeiwen.com/subject/kkyzuttx.html