我有一群奇形怪狀的小伙伴,總會問我一些奇形怪狀的問題。
昨天有一個叫周三胖(因崇拜某國領導人以及結合其個人特點所以姓周,號三胖⊙﹏⊙)的朋友,向我發了這么一張圖片:
兄弟,上面那幾句什么意思?
呔!三胖休得坑貧道。老衲不會!
大哥,我是真不會,求講解?
%#@!#¥&
.....
經過三胖的一番軟磨硬泡,死纏爛打,威逼利誘之后,我終于倒在三胖的花言巧語,甜言蜜語之中。
我balabala.....
吃瓜群眾:我們瓜都吃完了你什么時候進入正題?
==============一臉懵逼的吃瓜群眾分割線==============
好吧,我們進入正題,拋去上面的代碼,我寫下如下代碼
function foo(){ var a = 1; var b = 2; var c = false; var d = true; console.log(c || (a = 1111),"a此刻的值:",a); console.log(d || (b = 2222),"b此刻的值:",b); } foo();
各位看官且說會輸出神馬?
好吧,瀏覽器輸出如下
why???
且慢。我們再來修改一下foo函數:
function foo(){ var a = 1; var b = 2; var c = false; var d = true; console.log(c && (a = 1111),"a此刻的值:",a); console.log(d && (b = 2222),"b此刻的值:",b); } foo();
然后我們在瀏覽器中會看到如下:
ok,下面進入講解部分:
&& 和 || 運算符在JavaScript中我更喜歡用初中物理中的電力并聯串聯來形容, || 運算符相當于并聯線路圖,而&&運算符則是串聯,鑒于年代久遠,老夫又出身文科轉投工科,就不向各位理工高手看官介紹何為串聯并聯。
三胖:你分明就是不會!
去去去,盒飯拿好,趕緊回公司擼你代碼!
咳咳,咱們繼續。
|| 操作符會首先對第一個操作數進行判斷,如果第一個為真,則直接返回第一個操作數的判斷結果,對第二個操作數是啥不會進行判斷運算,如果第一個為假值,則會去判斷第二個操作數并對第二個操作數進行執行操作,而后返回執行操作判斷值。所以對于||的說明我們可以用代碼這么整理:
第一個操作數 || 第二個操作數
代碼解釋:
if(第一個操作數){ return 第一個操作數; } else{ return 第二個操作數; }
進一步對foo中 c || (a = 1111) 套用上述解釋就是:
if(c){ return c; } else{ return (a = 1111); //此處在瀏覽器直接這么寫會報錯,建議先運算再取出返回值 }
同理 d || (b = 2222) 的套用就是
if(d){ return d; } else{ return (b = 2222); //此處在瀏覽器直接這么寫會報錯,建議先運算再取出返回值 }
如此一來就會返回出上面的結果。
|| 運算符在我們處理事件兼容時廣泛的被應用,比如:
e = e || event;
這所運用的思想就是這樣一個思想,如果e為false或者undefined,則會把event賦值給e。
同時在除了在event中的應用外我們還應用在函數的傳參上,比如:
function test(a){ a = a || 111; console.log(a); }
用此為函數形參指定默認參數,但是這么做其實是不安全的,比如當我調用test函數時我傳入實參一個""(空字符串)或者傳入實參0,此時瀏覽器會輸出
在瀏覽器中會將""(空字符串)和0以及很多其它的假值進行隱式類型轉換,所以單純的進行這樣一個判斷是不嚴謹和不安全的,所以建議各位看官少用。
這是一個知識點。
三胖:甭廢話,盒飯我快吃完了你才講這么點?
我:哥屋恩...
各位看官別走,咱們繼續(微笑臉)。
&& 運算符則和||正好相反,如果第一個操作數為真,則進行第二個操作數的判斷運算,首先它會對第二個操作數進行運算,拿到第二個操作數的返回值,而后返回第二個操作數的返回值。如果第一個操作數為假,則進入第二個操作數的判斷,直接返回false。
三胖:什么如果否則的,看的我都暈了。
我:
ko,咱們繼續。
根據對||運算符的套路。我們繼續將&&符轉換為半代碼半中文語言:
操作數一 && 操作數二
變身:
if(第一個操作數){ return 第二個操作數; } else{ return false; }
繼續對上面的 c && (a = 1111) 進行套用:
if(c){ return (a = 1111); //此處在瀏覽器直接這么寫會報錯,建議先運算再取出返回值 } else{ return false; }
同理 d && (b = 2222) 的解釋如下
if(d){ return (b = 2222); //此處在瀏覽器直接這么寫會報錯,建議先運算再取出返回值 } else{ return false; }
如此輸出結果如上。
三胖:嗯。(若有所思臉)
&&運算符一般用在不確定某一對象下是否有某一屬性時的判斷,比如我有如下代碼
var list = { obj : {}, array : [1,2,3,4,5] }
在我不確定array是否為list下的屬性時通常我們這么寫
if(list.hasOwnProperty("array")){ //dosomething } else{ //dosomething }
結合&&符我們可以這么寫 :
list.hasOwnProperty("array") && dosomething
對比以上兩種寫法,很明顯在代碼簡潔性上,第二種寫法完勝,但是在代碼可讀性上完敗,兩種方式都可以,這取決于個人習慣,我個人比較喜歡第二種寫法。
我:三胖,回答我一個問題,回答完你就可以打卡下班了,知道邏輯運算符之間的優先級嗎?
三胖:不知道。
我:哥屋恩....
三胖:得嘞(開心臉)。
滴,學生卡。
o(╯□╰)o
回來,你給我回來。
算了,各位看官,我們繼續。
現在有如下代碼:
a = "hello"; b = false; c = false; console.log(a || b && c)
各位看官,再次猜測會輸出什么。
按照正常從左道右的邏輯思維我們先拿到 a || b 的值,而后我們再與 c 進行&&運算,最后它會輸出 false
然而,事與愿違。
瀏覽器最終輸出----hello。
這里就體現了邏輯運算符之間的優先級關系,事實上瀏覽器在解析運算時是這樣做的:
a || (b && c)
也就是先拿到 b && c 的值,而后再與 a 進行 || 運算,最后返回結果。
這也就是說在進行邏輯運算時 || 運算符的優先級低于 && 運算符。但是并不建議大家這么書寫,這樣會導致邏輯關系不明朗,代碼可讀性差的后果,所以各位看官在書寫這樣的代碼時還是加上一個()為妙(手動滑稽)。
以上就是本次對邏輯運算符的淺談隨筆,如有不對,歡迎指出。文中我與三胖的日常大多實為劇情需要虛構而出,如有雷同實屬巧合,語言風格非喜且輕噴。
我是南北東西,一條游上岸的咸魚,我的目標是翻個身,繼續曬。
博客園首發傳送地址http://www.cnblogs.com/blog-i...
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/50893.html
我有一群奇形怪狀的小伙伴,總會問我一些奇形怪狀的問題。 昨天有一個叫周三胖(因崇拜某國領導人以及結合其個人特點所以姓周,號三胖⊙﹏⊙)的朋友,向我發了這么一張圖片:showImg(https://segmentfault.com/img/bVPFiz?w=1148&h=96); 兄弟,上面那幾句什么意思? 呔!三胖休得坑貧道。老衲不會! 大哥,我是真不會,求講解? %#@!#¥& ..... 經過...
我有一群奇形怪狀的小伙伴,總會問我一些奇形怪狀的問題。 昨天有一個叫周三胖(因崇拜某國領導人以及結合其個人特點所以姓周,號三胖⊙﹏⊙)的朋友,向我發了這么一張圖片:showImg(https://segmentfault.com/img/bVPFiz?w=1148&h=96); 兄弟,上面那幾句什么意思? 呔!三胖休得坑貧道。老衲不會! 大哥,我是真不會,求講解? %#@!#¥& ..... 經過...
摘要:如果第一項的值為時,則執行后面一項的運算,返回的是第二項執行運算后的值再來看多一個例子,自己多動手嘗試看看就明白了。 先來看一個關于邏輯或的例子: var b = 0 var a = b++ || b++ console.log(b) // 2 var c = ++b || ++b console.log(a) // 1 console.log(c) //...
摘要:這個時候我就有點犯迷糊了,為什么邏輯運算符能這么用呢由于是出身,所以對這樣用感覺很奇怪。 這篇文章主要介紹了js中的 || 與 && 運算符詳解,需要的朋友可以參考下 一 js中邏輯運算符在開發中可以算是比較常見的運算符了,主要有三種:邏輯與&&、邏輯或||和邏輯非!。 當&&和|| 連接語句時,兩邊的語句會轉化為布爾類型(Boolean),然后再進行運算,具體的運算規則如下: 兩邊條...
摘要:這個時候我就有點犯迷糊了,為什么邏輯運算符能這么用呢由于是出身,所以對這樣用感覺很奇怪。 這篇文章主要介紹了js中的 || 與 && 運算符詳解,需要的朋友可以參考下 一 js中邏輯運算符在開發中可以算是比較常見的運算符了,主要有三種:邏輯與&&、邏輯或||和邏輯非!。 當&&和|| 連接語句時,兩邊的語句會轉化為布爾類型(Boolean),然后再進行運算,具體的運算規則如下: 兩邊條...
閱讀 4376·2021-11-24 10:24
閱讀 1412·2021-11-22 15:22
閱讀 2042·2021-11-17 09:33
閱讀 2447·2021-09-22 15:29
閱讀 520·2019-08-30 15:55
閱讀 1659·2019-08-29 18:42
閱讀 2737·2019-08-29 12:55
閱讀 1777·2019-08-26 13:55