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

Question

var isFilterOn = false;

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

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

现在，我希望使我设置isFilterOn为真或假的部分更简洁。

所以我尝试了这个，

var isFilterOn = false;

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

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

标签： javascriptbooleanconditional-operator

Answer 1

只需分配反转真实性的结果：

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