javascript - JS : Should I use a switch-case statement or an if/else for this kind of situation?

Question

我正在尝试最小化(使其更高效)我的 JavaScript 代码，并讨论我应该采用哪种方法。

我有 10 多个页面，每个页面有两个不同的视频；为非登录用户显示短视频，为登录用户显示长视频。我正在开发一个 WordPress 网站，因此我使用 post-id 而不是视频播放器 id(插件)来定位每个视频，因为它是动态的(每次页面刷新时都会更改)。页面上的每个视频都包装在一个类中，这样我就可以在点击任一视频时进行定位。

例如，

$f('#post-1883 .short-video .player').bind({
    ready : function(e) {
        e.preventDefault();
        console.log('short video'); 
        // Do something here if it's a short video      
    }   
});

 $f('#post-1883 .long-video .player').bind({
    ready : function(e) {
        e.preventDefault();
        console.log('long video');
        // Do something here if it's a long video           
    }   
}); 

正如您在示例中所看到的，当您使用不同的 post-ID(例如 #post-1122、#post-4234 等)定位 JavaScript 文件中的 10 个视频时，它可能会重复且笨拙。

处理这种情况的最佳方法是什么？我应该使用 switch-case 语句吗？

谢谢，罗陆

Answer 1

这对你有用吗？

$('.player').bind('click', function (e) {
    e.preventDefault();
    var self = $(this),
        videoId = this.id;

    if(self.hasClass('long-video')) {
        console.log('long video');
    } else if(self.hasClass('short-video')) {
        console.log('short-video');
        console.log(videoId);
    }
});

您可以看到正在运行的示例:JsFiddle