js三元判断的表达式(三元表达式多种使用技巧)

js三元表达式也叫三元运算符，还有一种叫三目运算符，都是一样的东西，哈哈哈哈，不要搞错了，那么js三元表达式怎么用?js三元表达式你可以理解为判断，和 if（）else（）一样，像是它的简写。当条件为真时执行true，冒号后面的就不用看，当条件为假时执行false，跳过前面的，也就是说冒号左右二选一。

一、js三元判断的表达式

1、表达式为：  条件 ？ true ： false

2、通俗易懂的讲意思就是：（满足条件吗？  满足的话就选我  ：  不满足的话就选我）当条件为真时执行true，冒号后面的就不用看，当条件为假时执行false，跳过前面的，也就是说冒号左右二选一。

二、js三元表达式的多种使用技巧

因为在对学习Vue中遇到js三元表达式，作为一个新入门前端的小白，对js不是特别了解，所以只能进行知识点的捡要累积，下面对我学习到的js三元表达式来进行一下总结。

在之前我们会经常用到  if(){}else{} 的判断，在了解js三元表达式以后，感觉这是比 if else 简单很多的方法。

1、例如当你在经常用 if else 时：

if （ a = 1 ）{
　　//会员 ;
}else{
　 //不是会员 ;
}

当用js三元表达式的表达式就是：

a = 1 ? //会员 : //不是会员

这样发现代码简单了很多，特别是在日常中经常会有这样的if  else判断，嵌套比较多的时候，用js三元表达式是比较和谐，可以让代码看起来更加清爽，结构更加清晰。

2、通过不断的变化，可以衍生出很多js三元表达式的用法，如下一段JQ的代码：

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

甚至可以：

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

即当  flag = true  的时候，代码就变成　　

$('body')['addClass']('hover')

这样就等同于JQ中的

$('body').addClass('hover')

3、如果是在function中可以更方便的处理很多事情

function a(){
　do;
}
function b(){
　do;
}
flag ? a() : b();