Javascript需要注意的幾個運算子

lotus_ruan發表於2021-09-09

  平時寫慣了C#,所以會覺得什麼樣的運算子就應該做什麼樣的運算,但是有一天你的習慣被其他語言顛覆了,不知道是不是有一股強大的好奇

心,剛好在js中,我的這種習慣就被顛覆了,下面就看看哪些運算子顛覆了我的三觀。

 

一:==運算子

  ==運算子之所以可以顛覆,可以從下面幾個例子中看出來。

 

"10"==10 ?

  如果這要是放在C#裡面,編譯器會毫不客氣的告訴你,王八羔子,型別都不同,你比個毛線啊。。。但是在JS裡面又會是怎樣呢?

圖片描述

從上圖中,你可以看到,不管你好奇不好奇,答案就在那裡,可能有人就要問,到底是10轉化成了“10”,還是“10”被轉化成了10,所以這個也

是我一直吐槽的地方,如果是C#,你還可以看看IL裡面到底怎麼處理的,而JS裡面你什麼都看不到,只能聽教科書上的一面之詞,無法眼見為實。

所以除了記住就是記住了,我只能說是字串”10“轉換成了10,然後進行整形比較的。

 

true==1 ?

這個問題稍微想想還能理解,其實在C#的IL中,也是將true和false相應的轉化為1和0,所以js在判斷時會將true轉化為1,再進行整形比較,這

個現象我覺得不怎麼稀奇,記住就好。

圖片描述

 

 {valueOf:function(){return "10"}}==10?

這個問題也是蠻奇葩的,物件居然還可以和int型別相比較?但是在JS中卻真的可以做到,原理是這樣的,如果一個物件和int/string比較的話,

js內部會優先呼叫valueOf方法,也就是將物件數值化,其實這裡好玩的地方就是我們自定義的valueOf重寫了父類的valueOf方法,所以上面

的例子就是判斷“10”==10?。

圖片描述

這裡還要PS一下,如果你的類中沒有定義valueOf方法的話,js內部引擎還會再去找toString()方法,如果有則執行。

圖片描述

不知道當你接觸到這些新用法的時候,是不是覺得有點慌亂,好像有種亂七八糟的感覺?如果你很怕程式有潛在的bug,那麼為了保險起見,

轉化為同一資料型別來比較吧,當然在js裡面還有一個===運算子可以說跟C#裡面的邏輯運算子算是最接近的,這個多出來的“=”就是在

“==”的基礎上再判斷型別是否相等?就比如:

圖片描述

 

二:&&和||運算子

 這兩個運算子也是蠻奇葩的,在我們的思維習慣裡面,這兩個運算子兩邊就應該都是bool型別,但是在JS裡面這些定義會被徹底顛覆,正是

這些新規則,所以我們可以完成很多新花樣,比如在jquery的原始碼中,可以到處都能找到這樣的痕跡。

圖片描述

從圖中我們看到了這麼一句,bup=b && b.parentNode,你能理解這句話的意思嗎?其實它的意思是先判斷b是否存在,如果b不存在,那

可能b就是undefined,null,0 或者NaN,如果b存在,那麼就返回m.parentNode,就這麼好玩,如果你用C#的話,就少不了幾個if條件了,

也算是簡化程式碼吧,然後再看看||操作,這個簡直在原始碼裡面可以用氾濫來形容了,不過乍一看,特別像是C#中的可空運算子,所以親切感倍

增,下面就拿ret=results||[]來說,如果results有值,那麼ret=results,如果results為null,undefined,NaN或者0,那麼result=[],就

這樣的任性,省去了程式設計師很多if判斷,最後要補充一句,其實就像C#的IL中一樣,只是JS底層給我們做了if判斷。

圖片描述

 

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/1762/viewspace-2801320/,如需轉載,請註明出處,否則將追究法律責任。

相關文章