DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript中3個需要注意的運算符
Javascript中3個需要注意的運算符
編輯:關於JavaScript     

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

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

一:==運算符

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

<1> "10"==10 ?

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

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

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

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

<2>true==1 ?

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

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

 

<3> {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判斷。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved