天天看點

我的Javascript學習-------基礎篇(三)

寫在前面:在寫這篇文章的時候基礎部分其實早就學完了,來這裡隻是為了複習總結;

寫給自己:沖沖沖!!!

文章目錄

  • ​​運算符​​
  • ​​運算符的分類​​
  • ​​算數運算符​​
  • ​​遞增和遞減運算符​​
  • ​​比較運算符​​
  • ​​邏輯運算符​​
  • ​​三元表達式​​
  • ​​流程控制太簡單了不學​​

運算符

運算符的分類

算數運算符

算數運算符如下:

​​

​+​

​​ ​

​-​

​​ ​

​*​

​​ ​

​/​

🌂:浮點數的精度問題(不要直接判斷兩個浮點數是否相等 ! )

浮點數值的最高精度是 17 位小數,但在進行算術計算時其精确度遠遠不如整數。

var result = 0.1 + 0.2;    // 結果不是 0.3,0.30000000000000004
  console.log(0.07 * 100);   // 結果不是 7,而是7.000000000000001      

遞增和遞減運算符

  • 遞增運算符
  • 前置遞增運算符

    ++num 前置遞增,就是自加1,類似于 num = num + 1

  • 後置遞增運算符

num++ 後置遞增,就是自加1,類似于 num = num + 1

比較運算符

  • 比較運算符概述

    概念:比較運算符(關系運算符)是兩個資料進行比較時所使用的運算符,比較運算後,會傳回一個布爾值(true / false)作為比較運算的結果。

  • 等号比較
.log(18 == '18');
  console.log(18 === '18');      

邏輯運算符

  • 邏輯運算符概述

    概念:邏輯運算符是用來進行布爾值運算的運算符,其傳回值也是布爾值。後面開發中經常用于多個條件的判斷

  • 邏輯與&&

兩邊都是 true才傳回 true,否則傳回 false

  • 邏輯或 ||

    兩邊都是 true才傳回 true,否則傳回 false

  • 邏輯非 !

    邏輯非(!)也叫作取反符,用來取一個布爾值相反的值,如 true 的相反值是 false

var isOk = !true;
  console.log(isOk);  // false      
  • 短路運算(邏輯中斷)

原理:當有多個表達式(值)時,左邊的表達式值可以确定結果時,就不再繼續運算右邊的表達式的值;

  • 邏輯與

文法: 表達式1 && 表達式2

  • 如果第一個表達式的值為真,則傳回表達式2
  • 如果第一個表達式的值為假,則傳回表達式1
.log( 123 && 456 );        // 456
      console.log( 0 && 456 );          // 0
      console.log( 123 && 456&& 789 );  // 789      
  • 邏輯或
  • 如果第一個表達式的值為真,則傳回表達式1
  • 如果第一個表達式的值為假,則傳回表達式2
.log( 123 || 456 );         //  123
      console.log( 0 ||  456 );          //  456
      console.log( 123 || 456 || 789 );  //  123      

三元表達式

  • 文法結構
1 ? 表達式2 : 表達式3;      
  • 如果表達式1為 true ,則傳回表達式2的值,如果表達式1為 false,則傳回表達式3的值
  • 簡單了解: 就類似于 if else (雙分支) 的簡寫

流程控制太簡單了不學