jquery - 在 jQuery 中重写 if-else block

Question

我的一位同事给了我一段代码，它可以阻止用户在文本区域中输入有限的输入。代码运行得很好

var words = this.value.match(/\S+/g).length;
if (words > 10) {
    var trimmed = $(this).val().split(/\s+/, 10).join(" ");
    $(this).val(trimmed + " ");
}
else {
    $('#word_left').text(10-words);
}

工作演示:http://jsfiddle.net/3qHwG/

我读到可以通过多种方式有效地编写 jQuery，我想知道是否可以在不使用 if-else 或使用不同方法的情况下重写此代码？

感谢您提供的任何帮助，这最终将增加我的知识。

Answer 1

这扩展了可读性:

$("#cnt").on('keyup', function (e) {
    var val = $(this).val(),
        // if val is empty, set trimmed to empty array, which translates to 'zero' length
        trimmed = val ? val.split(/\s+/, 10) : [];

    if (!((e.keyCode || window.event.keyCode) === 8)) // if not a backspace
        $(this).val(trimmed.join(" "));

    $("#word_left").text(10 - trimmed.length);
});

<强> DEMO

它每次只执行一次 .split 操作，这比你的更好，因为你的不仅总是执行一项操作，而且如果超过字数限制，还会执行另一项操作。

希望对你有帮助!