JavaScript中的操作符與表達式實例代碼分析

這篇文章主要介紹“JavaScript中的操作符與表達式實例代碼分析”，在日常操作中，相信很多人在JavaScript中的操作符與表達式實例代碼分析問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”JavaScript中的操作符與表達式實例代碼分析”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

1.表達式

1.1原始表達式

3.14  //數字直接量
"hello world"  //字符串直接量
/pattern/  //正則表達式直接量

true  //返回一個布爾值： 真
false  //返回一個布爾值： 假
null  //返回一個值： 空
this  //返回“當前”對象

i  //返回變量i的值
sum //返回sum的值
undefined  //undefined是全局變量，和null不同，它不是一個關鍵字

1.2表達式

操作數以及操作符組合而成。

1
1 + 2
(1 + 2) * 3
(1 + 2 ) * 3 && !flag

2.操作符

• 算術運算符（+, -, *, /, %, **）: 普通的加、減、乘、除、取余運算，其中**為次方運算符。

 3 ** 2 // 結果為：9

• 一元運算符（++, --, +, -）: 一些只需要一個操作數的運算符，注意：++, --放在變量左右側的差別，放在變量的左側是先自增（減），再取值，放在右側則相反。

let a = 2, y, z;
y = ++a // 先執行a = a + 1, 得到 a = 3， 然后將a賦值給y，則y = 3
z = a++ // 接上面a = 3, 將a賦值給z，則z = 3，然后再執行 a = a + 1, 得到a = 4

//一元證號（+）
+3  //3
+'3'  //3
+true  //1
+functioan(a){return a}  //NaN

• 賦值運算符（=, +=, -=, *=, /=, %=）:將某個常量或變量或表達式的值賦值給另一個變量，注意：ES6新增的解構賦值。

//解構數組
let [a, b, c] = ['one', 'two', 'three']  // a = 'one', b = 'two', c = 'three'
//解構對象
let { name, age } = { name: 'cc', age: 100 }  // name = 'cc', age = 100

• 相等運算符（==, !=, ===, !==）:用于比較左右的操作數是否相等。可參考：JS比較運算符（“===”和“==”）的匹配規則以及if()條件的判斷結果。

• 關系運算符（>, <, >=, <=）: 用于比較操作符左右的操作數的大小。

• 位操作符（&, |, ~, ^, <<, >>, >>>）: 將其操作數轉化為二進制后，進行與、或、非、異或等操作運算，最終返回JS中的一個數值。其中>>>為無符號右移。

• 邏輯運算符（&&, ||, !）： 主要通過與、或、非來判斷一個表達式的值是否為true。注意：與和或操作具有短路計算效果。

//短路計算
false && (anything) // 結果為false
true || (anything) // 結果為anything

//方法1： 設置x的缺省值
function test(x) {
	x = x || 100
}
test(10)  //x = 10
test()  // x = 100

// 方法2： ES6的方式
function test(x = 100) {
 ...
}
test(10)  //x = 10
test()  // x = 100

• 條件運算符（? :）: JS中唯一一個有3個運算數的運算符，一般用于if語句的簡短形式來使用。

到此，關于“JavaScript中的操作符與表達式實例代碼分析”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！