好资源导航 » 文章资讯 » JavaScript三元运算符的多种使用技巧

JavaScript三元运算符的多种使用技巧

2024-04-02 01:54:03 378

发现代码慢慢写多了的时候会不自觉的将ifelse用三元来替代，仅仅是未了让代码更简洁精辟，当然也有人说用三元可以让你有高潮的感觉。最近在写js的时候也有这样的感觉，并且收集了一些小技巧，分享分享。

大鸟请跳过下面这段，大大鸟帮忙指正^__^

====普及线====

表达式(expr1)?(expr2):(expr3)

在expr1求值为TRUE时的值为expr2，在expr1求值为FALSE时的值为expr3。

============

普通用法

当你发现你经常用ifelse


if(拜春哥||拜考试帝){

   不挂科;

}else{

   门门挂;

}

那么三元的表示法就是


拜春哥||拜考试帝?不挂科:门门挂

很帅气的发现代码精辟了好多。

日常中经常会有这样的ifelse判断，特别是嵌套比较多的时候用三元是比较和谐的，可以让你的代码看起来更加清爽，结构清晰。

稍微聪明点的用法
通过不断的变化，可以衍生出很多三元的用法。如下一段jquery代码


flag?$('body').addClass('hover'):$('body').removeClass('hover');

甚至更变态些的。


$('.item')[flag?'addClass':'removeClass']('hover')

上面的代码看着比较困惑。因为当flag=true的时候，代码就变成以下代码：


$('.item')['addClass']('hover')

这样写法等同于。


$('.item').addClass('hover')

再升华一下

可以根据需要来调用自己想要的function来处理更多的事情。


functiona(){

     dosomething

}

functionb(){

     dosomething

}

flag?a():b();