javascript裡的條件判斷

來源:互聯網
上載者:User
javascript|條件

    JavaScript 是一種可以在瀏覽器中啟動並執行指令碼語言,是一種弱語言(相對於C,C#,JAVA而言),只要是電腦語言就會使用到條件判斷式,而JavaScript作為一種“弱”語言,它的條件判斷常常令人困惑不解,特別是有其它強語言編程經曆的人來說,更是不可理喻!高手和無惑的人別取笑,我自己也曾經有一段時間鬱悶過。先寫一個例子吧:

var s = "meizz";
if (s && s==true)
{
    alert("Is true");
}

    咱先不管上面的代碼啟動並執行結果正確與否,我給變數 s 賦的是字元型,而在後面的 if 條件判斷式裡是直接把變數 s 作為一個判斷運算式寫出的,若是在強語言裡對字元型的變數要麼是判斷它的類型是否是字元型或者是判斷這個變數的值是否等於某字串,但在 javascript 裡就是沒有用類型判斷(typeof)也沒有值判斷(==)而就是這麼孤伶伶地在那裡,就可以作為一個條件判斷運算式。當然這種單獨作為條件運算式不只是字元型變數,也可以是數字型變數,也可以是一個對象,也可以是一個函數或者方法等等。這就正是這種文法令人費解的地方。

    我測試統計了一下:在 JavaScript 裡,不為空白 "" 的字串、不為 0 的數字、不為 null 的對象、不為 undefined 的對象屬性、布爾型 true,單獨作為判斷式裡的一個運算式時 JavaScript 通通認定為真(true),反之則為假(false)

    原因為是JS指令碼沒有強變數類型,你前一句賦值 var s = "meizz"; 後一句你甚至馬上可以寫成 s = function(){}; ,中間沒有任何的類型轉換,而這些寫法在強語言裡是不可思議的,甚至是大逆不道的(根本就不支援這種文法),但在JS指令碼裡卻是那麼的自然。原因就是沒有強制變數類型, 變數類型是動態,也就是說變數本身是沒有類型的,變數的值是有類型的。呵呵,這裡扯到其它模組去了,嗯,關於變數類型我另外再寫文章討論吧。

    說到這裡,就不難理解 if (s && .....這句的判斷式了,同樣的道理,我甚至可以 function s(){} 然後再用 if (s && .... 或者 var s = document.getElementById("ObjectId");  if (s && .... 這樣文法在JS指令碼裡都是沒錯的,至於判斷的結果可以參考上面的那段統計結果。

    現在再來討論上面的那幾句代碼的運行結果,多個條件判斷式的結果合成運行只有“與”和“或”,到於“非”因為它是一元運行符,只針對單個值,比如 if (!s) ... 至於條件式不只一個的時候條件式的結果只有與和或的運行。與(&&),或(||)。上面的那句條件式:if (s && s==true) 就是兩個條件式的合成判斷。至於與運算(只要一個值為false則值為false)或運算(只要一個值為true則值為true)這些運算細節我就不多說了,教科書比我的筆頭強多了。現在來分析這個判斷式:這是一個“與”運算。第一個判斷式 s ,因為它的字元型值不為 "" ,在JS當然認為它等同於 true,第二個判斷式是 s==true,顯然這個不相等,值為 false,因為是“與”運算,當然整個條件判斷式的結果是 false,所以不會運行 alert()。

    第三,我這裡說說幾個很特殊的條件判斷。在沒有任何聲明(var)和賦值的情況下,直接拿一個變數來判斷JS會拋出一個變數未定義的錯誤出來。比如:

if (ss) alert("條件判斷結果為 true!");

運行這句代碼就會出錯。因為這個變數 ss 從未被聲明賦值過,這種情況不等同於上述的 null "" undefined。這種情況一般會發生在什麼地方呢?一是自己寫代碼不小心未聲明,二就是對網頁裡沒有的控制項進行操作直接用ID來操作的時候,比如 if (InputId.value!="") ... ,若是網頁雷根本就沒有 id="InputId" 的文字框或者在執行這句指令碼操作的時候這個文字框還沒有被瀏覽器載入,那也就拋出變數未定義的錯誤。

    結果的辦法是:第一種情況用 typeof 判斷。if (typeof(ss)=="undefined") alert("變數未定義");  ,第二種情況則不要直接使用ID來引用對象而使用標準的對象引用。例:

var e = document.getElementById("InputId");  //IE裡以前是用 document.all.InputId
if (e && e.value!="") ;//...... 

這樣就不會出這種錯誤了。

那麼就上面這句代碼有人會說一定要這樣寫呢,為什麼不直接

if(document.getElementById("InputId").value != "") ;//....

這樣的代碼不是更精練嗎?城然代碼是精簡了,但錯誤也來了。只要網頁裡沒有這個對象或者這個對象在指令碼執行的時候還未被載入到,就會報錯。原來是 document.getElementById("InputId") 返回了 null 值,而 null 顯然是沒有 value 屬性的,而我那句代碼也用到了 e.value 來取屬性但就沒有報錯,原因在於C系列的語言在多個條件式裡的另一外屬性:多個條件判斷式組合判斷時,先看第一個條件式,若已經符合條件時,就不會再去判斷第二個判斷式;也就是在第一個條件判斷式未達到標準時再會去判斷第二個判斷式,依此類推直至最後。if (e && e.value!="") 是兩個判斷式的組合判斷,這是一個“與”運算,只要一個判斷式為 false 則整個值都為 false。第一個判斷式 e 由於不存在或者未載入到返回了 null,而在JS裡 null 就等同於 false ,這樣不用後面的判斷也可得到整個組合判斷的結果是 false 了,所以系統就不會再去判斷後面的那句 e.value 了。這點與B系列語言不同,尤其要注意。在B語言中 if e and e.value!="" then 這樣的語句是先把所有的判斷式都運算一遍後最後再做組合的“與”運算。所以這句代碼在JS裡是正確的,若放在VBS裡就不一定正確了。

    好了,肚裡的貨不多,文筆又比較爛,就寫這麼多了,望大家多多指正!



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。