經常在JS中見一些代碼直接if(參數),然后參數調用的時候是將元素自己傳下去。例如下面代碼:
<body> <input type="text" name="" id="" value="111222" onclick="test1(this)" /> <input type="text" name="" id="" value="111222" onclick="test1()" /> </body> <script> function test1(obj){ if(obj){ alert($(obj).val()); }else{ alert("has not obj"); } } </script>
我們分別點擊上面的兩個輸入框顯示如下:
解釋:實際上相當於java中的重載,如果傳參數了就走if(obj),不傳參數就走else。
也就是如果參數不為空或者nul或者undefinedl或者“”空串則if(obj)成立。
進一步的測試:
<script> function test1(obj){ if(obj){ alert("has obj"); }else{ alert("has not obj"); } } test1();//has not obj test1(null);//has not obj test1(undefined);//has not obj test1("");//has not obj test1(" ");//has obj test1("1");//has obj </script>
總結:不傳參數,傳的參數為null,傳的參數為undefined,傳的參數為""的時候if(obj)不成立,反之則成立。
補充:直接if(param)可以用於判斷參數,也相當於if(param != null),相反if(!param)就相當於if(param == null),例如:
<script> function test(a, b) { if (!a || !b) { alert("參數沒傳"); } else { alert("a與b不等於null") } } test(); test("1", "2"); </script>
結果:
補充:實際上是用!與上對象來求得一個布爾值,js中!和!!的區別及用法
js中!的用法是比較靈活的,它除了做邏輯運算常常會用!做類型判斷,可以用!與上對象來求得一個布爾值,
1、!可將變量轉換成boolean類型,null、undefined和空字符串、數字0 通過!轉為boolean值0為true,其余為false。
!null=true !undefined=true !''=true !100=false !'abc'=false !0=true
特別注意0的情況。
2、!! 常常用來做類型判斷,在第一步!(變量)之后再做邏輯取反運算,在js中新手常常會寫這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執行方法體的內容
var a; if(a!=null&&typeof(a)!=undefined&&a!=''){ //a有內容才執行的代碼 }
實際上只需要一個表達式:
if(!a){ //a有內容才執行的代碼... }
比如:如下一個驗證值必填的函數,有值的話返回true,沒值的話返回字符串消息"required."
function required(val) { return !!val || 'required.'; } console.log(required()); console.log(required('')); console.log(required(0)); console.log(required("xxxxx"));
結果:
(1)required('')解釋: !'' 返回的是true, 再進行一次!之后是false。 所以會返回后面的字符串。
(2)required("xxxxx")解釋: !"xxxxx" 返回的是false,再進行一次 ! 返回的是true。因此不與后面的字符串進行邏輯或運算,直接返回true。