JS三元表达式

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

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

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

---

 

　　　　三元运算符的表达式：

　　　　　　(expression1)  ?  (expression2)  :  (expression3)

　　　　　　在  expression1  求值为  true  时的值为  expression2  ，在expression1  求值是  false  时的值为  expression3  。

---

 

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

　　　　if （ a = 1 ）{

　　　　　　会员 ;

　　　　}else{

　　　　　　不是会员 ;

　　　　}

　　当用三元的表达式就是：

　　　　a = 1 ? 会员  :  不是会员

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

　　通过不断的变化， 可以衍生出很多三元的用法， 如下一段  JQuery  的代码：

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

　　　　甚至可以：

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

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

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

　　　　这样就等同于  Jquery  中的

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

 

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

　　　　function a(){

　　　　　　do;

　　　　}

　　　　function b(){

　　　　　　do;

　　　　}

　　　　flag ? a() : b();

　　　　　　

　　因为我也是新了解到的知识点，具体在各个语言中怎么一个注意的格式，正在学习中....

　　感谢阅读！