JavaScript邏輯運算符相關(guān)總結(jié)
前言
關(guān)于 JavaScript 中的邏輯運算符,我們經(jīng)常使用卻可能不知道它的一些機制和用法。
機制
首先我們需要知道幾種邏輯運算符的優(yōu)先級是不同的(關(guān)于完整的運算符優(yōu)先級,看運算符優(yōu)先級),邏輯非>邏輯與>邏輯或>條件運算符(三目運算符)。運算順序條件運算符是從右向左,而邏輯與和邏輯或都是從左向右。
//表達式的優(yōu)先級導(dǎo)致結(jié)果不同 false && true || true // 結(jié)果為 true false && (true || true) // 結(jié)果為 false
邏輯運算表達式返回的是字表達式的值,而不是一個 Boolean
,只不過很多時候我們使用邏輯表達式的地方幫我們強制轉(zhuǎn)換了,比如 if
語句等。
邏輯運算符通常用于布爾型(邏輯)值。這種情況下,它們返回一個布爾值。然而, && 和 || 運算符會返回一個指定操作數(shù)的值,因此,這些運算符也用于非布爾值。這時,它們也就會返回一個非布爾型值。
邏輯與 expression1 && expression2
的機制是,如果 expression1
能夠轉(zhuǎn)換為 true
那么返回 expression2
,否則返回 expression1
。
邏輯或 expression1 || expression2
的機制是,如果 expression1
能夠轉(zhuǎn)化為 true
那么返回 expression1
,否則返回 expression2
。
邏輯非 !expression
,若 expression
能夠轉(zhuǎn)化為 true
則返回 false
,否則返回 true
。
expression 可能是任何一種類型, 不一定是布爾值。
會被轉(zhuǎn)化為 false
的表達式有:
- null
- NaN
- 0
- 空字符串("" or '' or“` “ “`)
- undefined
需要特別注意的是
undefined
,有些表達式返回的是undefined
,比如沒有設(shè)置return
的函數(shù)執(zhí)行的返回值就是undefined
。
盡管 &&
和 ||
運算符能夠使用非布爾值的操作數(shù), 但它們依然可以被看作是布爾操作符,因為它們的返回值總是能夠被轉(zhuǎn)換為布爾值。如果要顯式地將它們的返回值(或者表達式)轉(zhuǎn)換為布爾值,請使用雙重非運算符(即!!
)或者 Boolean
構(gòu)造函數(shù)。
雙重非運算符
!!
可以將任意值強制轉(zhuǎn)換為布爾值,在需要條件判斷的地方經(jīng)常使用。
短路計算
邏輯運算的機制還存在短路計算:
(some falsy expression1) && (expression2)
短路計算的結(jié)果為假。(some truthy expression1) || (expression2)
短路計算的結(jié)果為真。
短路意味著上述表達式中的 expression2
部分不會被執(zhí)行,因此 expression2
的任何副作用都不會生效(舉個例子,如果 expression
是一次函數(shù)調(diào)用,這次調(diào)用就不會發(fā)生)。造成這種現(xiàn)象的原因是,整個表達式的值在第一個操作數(shù)被計算后已經(jīng)確定了。
用法
利用 javascript
中邏輯運算符支持任意類型和短路計算的特性我們可以將邏輯運算符運用到一些特殊的地方。
邏輯與
邏輯與可以用來獲得第一個假值,比如 expr1 && expr2 && expr3
,當其中存在假值的時候會被返回。也可以類推至前面的表達式都為真的時候執(zhí)行最后一個表達式來簡化判斷邏輯的代碼,比如 x > 0 && a()
,這可以代替 if
語句。
邏輯或
邏輯或可以用來設(shè)置默認值,比如你的函數(shù)需要用戶輸入一個參數(shù),如果用戶沒有輸入則給定一個默認值。this.a = param || {}
。
以上就是JavaScript邏輯運算符相關(guān)總結(jié)的詳細內(nèi)容,更多關(guān)于JavaScript邏輯運算符的資料請關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
走進javascript——不起眼的基礎(chǔ),值和分號
本文主要介紹了javascript的基礎(chǔ)知識--值和分號,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02JavaScript面向?qū)ο笕齻€基本特征實例詳解【封裝、繼承與多態(tài)】
這篇文章主要介紹了JavaScript面向?qū)ο笕齻€基本特征,結(jié)合實例形式詳細分析了JavaScript面向?qū)ο笕齻€基本特征封裝、繼承與多態(tài)的概念、原理、用法與操作注意事項,需要的朋友可以參考下2020-05-05解決循環(huán)中setTimeout執(zhí)行順序的問題
今天小編就為大家分享一篇解決循環(huán)中setTimeout執(zhí)行順序的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-06-06JavaScript中函數(shù)的防抖與節(jié)流詳解
這篇文章主要為大家詳細介紹了JavaScript中函數(shù)的防抖與節(jié)流,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02