javascript
js中的if与Java中的if_JS直接if参数的用法JS中!和!!区别
經(jīng)常在JS中見一些代碼直接if(參數(shù)),然后參數(shù)調(diào)用的時(shí)候是將元素自己傳下去。例如下面代碼:
functiontest1(obj){if(obj){
alert($(obj).val());
}else{
alert("has not obj");
}
}
我們分別點(diǎn)擊上面的兩個(gè)輸入框顯示如下:
解釋:實(shí)際上相當(dāng)于java中的重載,如果傳參數(shù)了就走if(obj),不傳參數(shù)就走else。
也就是如果參數(shù)不為空或者nul或者undefinedl或者“”空串則if(obj)成立。
進(jìn)一步的測試:
functiontest1(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
總結(jié):不傳參數(shù),傳的參數(shù)為null,傳的參數(shù)為undefined,傳的參數(shù)為""的時(shí)候if(obj)不成立,反之則成立。
補(bǔ)充:直接if(param)可以用于判斷參數(shù),也相當(dāng)于if(param != null),相反if(!param)就相當(dāng)于if(param == null),例如:
functiontest(a, b) {if (!a || !b) {
alert("參數(shù)沒傳");
}else{
alert("a與b不等于null")
}
}
test();
test("1", "2");
結(jié)果:
??
補(bǔ)充:實(shí)際上是用!與上對(duì)象來求得一個(gè)布爾值,js中!和!!的區(qū)別及用法
js中!的用法是比較靈活的,它除了做邏輯運(yùn)算常常會(huì)用!做類型判斷,可以用!與上對(duì)象來求得一個(gè)布爾值,
1、!可將變量轉(zhuǎn)換成boolean類型,null、undefined和空字符串、數(shù)字0 通過!轉(zhuǎn)為boolean值0為true,其余為false。
!null=true
!undefined=true
!''=true
!100=false
!'abc'=false
!0=true
特別注意0的情況。
2、!!? 常常用來做類型判斷,在第一步!(變量)之后再做邏輯取反運(yùn)算,在js中新手常常會(huì)寫這樣臃腫的代碼:
判斷變量a為非空,未定義或者非空串才能執(zhí)行方法體的內(nèi)容
var a;if(a!=null&&typeof(a)!=undefined&&a!=''){//a有內(nèi)容才執(zhí)行的代碼
}
實(shí)際上只需要一個(gè)表達(dá)式:
if(!a){//a有內(nèi)容才執(zhí)行的代碼...
}
比如:如下一個(gè)驗(yàn)證值必填的函數(shù),有值的話返回true,沒值的話返回字符串消息"required."
functionrequired(val) {return !!val || 'required.';
}
console.log(required());
console.log(required(''));
console.log(required(0));
console.log(required("xxxxx"));
結(jié)果:
(1)required('')解釋: !'' 返回的是true, 再進(jìn)行一次!之后是false。 所以會(huì)返回后面的字符串。
(2)required("xxxxx")解釋: !"xxxxx" 返回的是false,再進(jìn)行一次 ! 返回的是true。因此不與后面的字符串進(jìn)行邏輯或運(yùn)算,直接返回true。
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的js中的if与Java中的if_JS直接if参数的用法JS中!和!!区别的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML+CSS+JS实现 ❤️slic
- 下一篇: 硬核!从0到1学习Spring Clou