我可以在 Javascript 中使这段代码更清晰吗？

Question

var isFilterOn = false;

$('#toggle-filter-btn').on('click', function(e){
        e.preventDefault();
        if(!isFilterOn){
            isFilterOn = true;
        }else{
            isFilterOn = false;
        }
 })

假设我有上面的一段代码。

现在，我希望将 isFilterOn 设置为 true 或 false 的部分更简洁。

所以我尝试了这个，

var isFilterOn = false;

$('#toggle-filter-btn').on('click', function(e){
        e.preventDefault();
        isFilterOn == false ? isFilterOn = true : isFilterOn = false; 
 })

但我怀疑是否有更好的方法来做到这一点？

Answer 1

只需赋值反转真值的结果：

$('#toggle-filter-btn').on('click', function(e){
        e.preventDefault();
        isFilterOn = !isFilterOn;
});

Answer 2

这样你的代码会更干净一些

var isFilterOn = false;

$('#toggle-filter-btn').on('click', function(e){
        e.preventDefault();
        // your way
        isFilterOn == false ? isFilterOn = true : isFilterOn = false; 
        // little clean version
        isFilterOn = isFilterOn?false:true;
        // best option use revers boolean operator
        isFilterOn = !isFilterOn 
 })

我可以在 Javascript 中使这段代码更清晰吗？

Can I make this code cleaner in Javascript?

javascript

boolean

conditional-operator