下面本篇文章給大家介紹一下JavaScript中的操作符與表達(dá)式,希望給大家有所幫助!
前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具:點(diǎn)擊使用
1.表達(dá)式
1.1原始表達(dá)式
3.14 //數(shù)字直接量 "hello world" //字符串直接量 /pattern/ //正則表達(dá)式直接量 true //返回一個(gè)布爾值: 真 false //返回一個(gè)布爾值: 假 null //返回一個(gè)值: 空 this //返回“當(dāng)前”對(duì)象 i //返回變量i的值 sum //返回sum的值 undefined //undefined是全局變量,和null不同,它不是一個(gè)關(guān)鍵字
登錄后復(fù)制
1.2表達(dá)式
操作數(shù)以及操作符組合而成。
1 1 + 2 (1 + 2) * 3 (1 + 2 ) * 3 && !flag
登錄后復(fù)制
2.操作符
- 算術(shù)運(yùn)算符(
+, -, *, /, %, **
): 普通的加、減、乘、除、取余運(yùn)算,其中**
為次方運(yùn)算符。
3 ** 2 // 結(jié)果為:9
登錄后復(fù)制
- 一元運(yùn)算符(
++, --, +, -
): 一些只需要一個(gè)操作數(shù)的運(yùn)算符,注意:++, --
放在變量左右側(cè)的差別,放在變量的左側(cè)是先自增(減),再取值,放在右側(cè)則相反。
let a = 2, y, z; y = ++a // 先執(zhí)行a = a + 1, 得到 a = 3, 然后將a賦值給y,則y = 3 z = a++ // 接上面a = 3, 將a賦值給z,則z = 3,然后再執(zhí)行 a = a + 1, 得到a = 4 //一元證號(hào)(+) +3 //3 +'3' //3 +true //1 +functioan(a){return a} //NaN
登錄后復(fù)制
- 賦值運(yùn)算符(
=, +=, -=, *=, /=, %=
):將某個(gè)常量或變量或表達(dá)式的值賦值給另一個(gè)變量,注意:ES6新增的解構(gòu)賦值。
//解構(gòu)數(shù)組 let [a, b, c] = ['one', 'two', 'three'] // a = 'one', b = 'two', c = 'three' //解構(gòu)對(duì)象 let { name, age } = { name: 'cc', age: 100 } // name = 'cc', age = 100
登錄后復(fù)制
- 相等運(yùn)算符(
==, !=, ===, !==
):用于比較左右的操作數(shù)是否相等??蓞⒖迹篔S比較運(yùn)算符(“===”和“==”
)的匹配規(guī)則以及if()條件的判斷結(jié)果。 - 關(guān)系運(yùn)算符(
>, <, >=, <=
): 用于比較操作符左右的操作數(shù)的大小。 - 位操作符(
&, |, ~, ^, <<, >>, >>>
): 將其操作數(shù)轉(zhuǎn)化為二進(jìn)制后,進(jìn)行與、或、非、異或等操作運(yùn)算,最終返回JS中的一個(gè)數(shù)值。其中>>>
為無符號(hào)右移。 - 邏輯運(yùn)算符(
&&, ||, !
): 主要通過與、或、非來判斷一個(gè)表達(dá)式的值是否為true。注意:與和或操作具有短路計(jì)算效果。
//短路計(jì)算 false && (anything) // 結(jié)果為false true || (anything) // 結(jié)果為anything //方法1: 設(shè)置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
登錄后復(fù)制
- 條件運(yùn)算符(
? :
): JS中唯一一個(gè)有3個(gè)運(yùn)算數(shù)的運(yùn)算符,一般用于if語句的簡短形式來使用。
【