有没有优化多个if，else if，else语句的方法？

Question

这是我的代码，是否有某种方式可以循环遍历if，else if和else语句以某种方式动态填充它们（没有那么多语句，或者这被认为是一种好习惯）？

$('input').each( function () {

    var self = $(this)

    if ( self.attr( 'type' ) === 'email' && supportsInputType ( 'email' ) ) {
            self.data( 'fallback', 'email' )
    } else if ( self.attr( 'type' ) === 'url'  && supportsInputType ( 'url' ) ) {
            self.data( 'fallback', 'url' )
    } else if ( self.attr( 'pattern' ) && supportsAttr ( 'pattern' ) ) {
        self.data( 'fallback', 'pattern' )
    }

})

我省略了其他功能，而只关注if / else等。感谢您的任何建议。

Answer 1

如果使supportsInputType正确处理任何类型，则可以执行以下操作：

$('input[type]').each(function() {
    var $this = $(this);

    if (this.type !== $this.attr('type')) {
        $this.data('fallback', type);
    }
});

Answer 2

我将尝试设计一个选择器，该选择器可立即按属性获取输入并摆脱supportInputType 。 像这样（未经测试）：

var attrs = ['type=email','type=url','pattern'];

$.each(attrs, function(i,attr) {
  $('input['+ attr +']').data('fallback', attr.replace(/.+=/,''));
});

这可能应该与您当前的代码一起使用。