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

逗号运算符

在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);