逗號運算符

• 在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
    

• 逗號運算符使用注意

  • 程序中使用逗號表達式,通常是要分別求逗號表達式內各表達式的值,并不一定要求整個逗號表達式的值。
  • 并不是在所有出現(xiàn)逗號的地方都組成逗號表達式,例如在變量說明中,函數(shù)參數(shù)表中逗號只是用作各變量之間的間隔符。

  var a, b, c;  //這里的逗號只是分隔符
  function sendMessage(num, content) { //這里的逗號只是分隔符
        console.log(num, content);
   }
  

• 練習

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

三目運算符(條件運算符)

• 格式: 條件表達式 ? 語句1 : 語句2;

• 求值規(guī)則:

  • 如果條件表達式為true，則執(zhí)行語句1，并返回執(zhí)行結果
  • 如果條件表達式為false，則執(zhí)行語句2，并返回執(zhí)行結果

    // 彈第一個
    true?alert("語句1") : alert("語句2");
    // 彈第二個
    false?alert("語句1") : alert("語句2");
    

• 注意點:

  • 條件運算符?和:是一對運算符,不能分開單獨使用
  • 如果條件的表達式的求值結果是一個非布爾值, 會將其轉換為布爾值然后在運算

    // 彈第二個
    null?alert("語句1") : alert("語句2");
    // 彈第一個
    "abc"?alert("語句1") : alert("語句2");
    

• 練習

//    用戶從輸入三個整數(shù),找出最大值,然后輸入最大值
//    1.定義三個變量, 用于保存用戶輸入的三個整數(shù)
    var a, b, c;
//    2.利用window.prompt接收用戶輸入的數(shù)據
//    注意點: 通過prompt返回給我們的數(shù)據是String類型, 需要轉換為Number
//    利用Number函數(shù)和+效果一樣
    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;
//    如果關系運算符兩邊都是字符串, 不會轉換為數(shù)值, 而是比較Unicode碼
    max = max > c ? max : c; // 9 > 10 ? 9 : 10; max = 10;
    */
    // 企業(yè)開發(fā)中并不是代碼越少越好,如下方式(a > b ? a : b)需要計算兩次, 性能沒有上面一種方式好, 并且閱讀性也不如上面一種方式
    max = (a > b ? a : b) > c ? (a > b ? a : b) : c;
    console.log(max);

學習交流方式:
1.微信公眾賬號搜索: 李南江(配套視頻,代碼,資料各種福利獲取)
2.加入前端學習交流群:
302942894 / 289964053 / 11550038