js三元表达式使用方法概述

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

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

类似于java 的if

if (true) {

}else{

}

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

稍微聪明点的用法
通过不断的变化，可以衍生出很多三元的用法

代码如下:
1、flag ? $('body').addClass('hover') : $('body').removeClass('hover') ;

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

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

代码如下:
$('.item')['addClass']('hover')

这样写法等同于。

代码如下:
$('.item').addClass('hover')

再升华一下

可以根据需要来调用自己想要的function来处理更多的事情。
function a(){
do something
}
function b(){
do something
}

flag ? a() : b();

转至https://www.cnblogs.com/sxz2008/p/6432290.html

js三元表达式使用方法概述相关推荐

java前端有三元表达_放心写 JS 三元表达式
本文鼓吹各位前端在写 JS 的时候放心大胆写三目表达式, 不要人云亦云说「不建议使用三元表达式」.欢迎交流不同意见. 三元表达式是啥? 三元表达式怎么用? 1. 赋值: const foo = c ...
JS 三元表达式和箭头函数
三元表达式 vue.js中三元运算符的表达式: (expression1) ? (expression2) : (expression3) 在 expression1 求值为 true ...
js“三元表达式” （三元运算符）
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csdn.net/liu_jiachen/article/ ...
js三元表达式的连写
js 的三元表达式连写 const { level } = item this.dialogTitle = level === 1 ? '添加一级菜单' : (level === 2 ? '添加二级菜 ...
js 三元表达式 switch语句
目录一:三元表达式 1:什么是三元表达式? 2:语法结构二:switch语句(条件判断语句) 1:switch 语句也是多分支语句 2:语法结构: 3:注意事项: 4:switch和if else ...
js三元表达式判断大小
三元表达式可以理解为判断,和 if () else()一样,像是它的简写. 以下代码是判断三个数值得大小: <script type="text/javascript"> ...
JS三元表达式与”||“的关系
今天合并同事的代码的时候,看到接口传参里面有用到三元表达式,类似下面这种 param = {uuId: this.xxx.xxx.id ? this.xxx.xxx.id : null,morgId: ...
JS三元表达式动态改变显示内容
根据后端传的值,来显示不同内容 1.条件写在差值作用域中 <view class=""><text style="margin-left: 95rpx; ...
js 三元表达式的写法
句式一. if(a) do_a elseif(b) do_b else do_c 转化为: =>a ? do_a : b ?do_b : do_c 句式二. if(a) do_a 转化为: =& ...

js三元表达式使用方法概述

js三元表达式使用方法概述相关推荐

最新文章

热门文章