淺析JavaScript中的操作符與表示式

下面本篇文章給大家介紹一下JavaScript中的操作符與表示式，希望給大家有所幫助！

前端（vue）入門到精通課程：進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具：

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中的操作符與表示式的詳細內容，更多請關注TW511.COM其它相關文章！