首頁 > web前端 > js教程 > 主體

Javascript中3個需要注意的運算子_javascript技巧

WBOY
發布: 2016-05-16 16:06:12
原創
1016 人瀏覽過

平常寫慣了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判斷。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板