继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

08-JavaScript基础-逗号和三目运算符

ABOUTYOU
关注TA
已关注
手记 436
粉丝 67
获赞 359

逗号运算符

  • 在JavaScript中逗号“,”也是一种运算符,称为逗号运算符。 其功能是把多个表达式连接起来组成一个表达式, 称为逗号表达式。

    • 一般形式形式: 表达式1,表达式2,… …,表达式n;

    • 例如: a = 1 + 1,b = 3 * 4, c = 10 / 2;

  • 求值过程

    • 表达式1,表达式2,… …,表达式n;

    • 逗号表达式的运算过程是:先算表达式1,再算表达式2,依次算到表达式n

    • 整个逗号表达式的值是最后一个表达式的值

      var a, b, c, d;/*
      1.先计算表达式1, a = 2
      2.再计算表达式2, b = 12
      3.再计算表达式3, c = 5
      4.将表达式3的结果返回给d
      */d = (a = 1 + 1,b = 3 * 4, c = 10 / 2);console.log(d); // 5
  • 逗号运算符使用注意

    var a, b, c;  //这里的逗号只是分隔符function sendMessage(num, content) { //这里的逗号只是分隔符
          console.log(num, content);
     }
    • 程序中使用逗号表达式,通常是要分别求逗号表达式内各表达式的值,并不一定要求整个逗号表达式的值

    • 并不是在所有出现逗号的地方都组成逗号表达式,例如在变量说明中,函数参数表中逗号只是用作各变量之间的间隔符。

  • 练习

    求变量b的值    var a, b;
    b = (a=4, ++a, a * 7);

三目运算符(条件运算符)

  • 格式: 条件表达式 ? 语句1 : 语句2;

  • 求值规则:

    • 如果条件表达式为true,则执行语句1,并返回执行结果

    • 如果条件表达式为false,则执行语句2,并返回执行结果

      // 弹第一个true?alert("语句1") : alert("语句2");// 弹第二个false?alert("语句1") : alert("语句2");
  • 注意点:

    • 条件运算符?和:是一对运算符,不能分开单独使用

    • 如果条件的表达式的求值结果是一个非布尔值, 会将其转换为布尔值然后在运算

      // 弹第二个null?alert("语句1") : alert("语句2");// 弹第一个"abc"?alert("语句1") : alert("语句2");
  • 练习

//    用户从输入三个整数,找出最大值,然后输入最大值//    1.定义三个变量, 用于保存用户输入的三个整数
    var a, b, c;//    2.利用window.prompt接收用户输入的数据//    注意点: 通过prompt返回给我们的数据是String类型, 需要转换为Number//    利用Number函数和+效果一样
    a =  Number(window.prompt("请输入内容")); 
    b =  +(window.prompt("请输入内容")); 
    c =  +(window.prompt("请输入内容")); 
//    3.定义一个变量保存最大值
    var max;    /*
//    4.利用三目运算符进行两两比较
    max = a > b ? a : b; // 9 > 6 ? 9 : 6; max = 9;
//    如果关系运算符两边都是字符串, 不会转换为数值, 而是比较Unicode码
    max = max > c ? max : c; // 9 > 10 ? 9 : 10; max = 10;
    */
    // 企业开发中并不是代码越少越好,如下方式(a > b ? a : b)需要计算两次, 性能没有上面一种方式好, 并且阅读性也不如上面一种方式
    max = (a > b ? a : b) > c ? (a > b ? a : b) : c;    console.log(max);




作者:极客江南
链接:https://www.jianshu.com/p/fad28bf480d6


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP