huzhiao

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

      

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

  感谢阅读!

分类:

技术点:

相关文章:

  • 2021-08-08
猜你喜欢
  • 2021-06-16
  • 2021-12-20
  • 2022-12-23
  • 2022-01-25
相关资源
相似解决方案