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

      

  因爲我也是新瞭解到的知識點,具體在各個語言中怎麼一個注意的格式,正在學習中....

  感謝閱讀!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章