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();
因爲我也是新瞭解到的知識點,具體在各個語言中怎麼一個注意的格式,正在學習中....
感謝閱讀!