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();

      

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

  感谢阅读!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值