javascript - 是否有更简单的方法来执行 if else 语句？

Question

学习网络制图已经一个月了。我目前正在练习 jQuery` 和 GeoServer。

有没有办法简化它？我可以在这里使用 switch 吗？

bridge.on('change:visible', function(){
    if(bridge.getVisible() == true) {
        $('#bridge').show();                        
    } else {
        $('#bridge').hide();
    }
});

road.on('change:visible', function(){
    if(road.getVisible() == true) {
        $('#road').show();                      
    } else {
        $('#road').hide();
    }
});

rail.on('change:visible', function(){
    if(rail.getVisible() == true) {
        $('#rail').show();                      
    } else {
        $('#rail').hide();
    }
});     

Answer 1

问题不在于需要简化的 if-else 语句，而是 repetition .将重复的代码包装在一个函数中，将差异分解为参数，并调用它三次:

function toggleWithVisibility(source, target) {
    source.on('change:visible', function(){
        if (source.getVisible() == true) {
            target.show();                        
        } else {
            target.hide();
        }
    });
}
toggleWithVisibility(bridge, $('#bridge'));
toggleWithVisibility(road, $('#road'));
toggleWithVisibility(rail, $('#rail'));

您还可以通过省略多余的 == true 并使用 toggle 来简化函数代码有一个论点:

function toggleWithVisibility(source, target) {
    source.on('change:visible', function(){
        target.toggle(source.getVisible());
    });
}

您还没有向我们展示您的三个变量是如何定义的，很有可能您也可以简化这些变量，例如同时选择 source 和 target 并从循环中调用函数。