Зачем использовать расширение в JQuery / JavaScript?

Question

В следующем виджете JQuery UI автор использовал расширение, чтобы включить еще две функции в $.ui.autocomplete, почему?Это специфичный для JQuery шаблон или это то, что я мог бы рассмотреть в простом JS?

$.extend( $.ui.autocomplete, {
escapeRegex: function( value ) {
    return value.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
},
filter: function(array, term) {
    var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
    return $.grep( array, function(value) {
        return matcher.test( value.label || value.value || value );
    });
}
});

https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.autocomplete.js#L385

Answer 1

Нет причин использовать его, и на самом деле это будет медленнее, чем делать это вручную обычным способом JS.Часто у разработчиков jQuery есть проблема в том, что они знают только, как использовать jQuery, а не обычный javascript.Функция расширения jQuery - это рекурсивный, на самом деле, довольно медленный зверь по сравнению с управлением самими вещами.

* edit * Поскольку люди, похоже, не хотят принимать этот ответ, позвольте мне показать, почему нет причин.

Если вы посмотрите код jQuery на github здесь: https://github.com/jquery/jquery/blob/master/src/core.js, вы найдете определение jQuery.extend в строке 313.

Прежде всего, давайте посмотрим, что необходимо сделать длярасширение не-jQuery.

$.ui.autocomplete.escapeRegex = function() {}
$.ui.autocomplete.filter = function() {}

Два определения, без вызовов функций.Очень простой и быстрый код.

Это то, что делает jQuery, если вы используете extension.

В строке 315 мы видим небольшой быстрый тест для организации аргументов.Далее у нас есть еще один маленький оператор IF с возможным выполнением кода.Далее идет другой IF с вызовом функции внутри if.Далее еще один IF.Затем мы вводим цикл FOR для каждого из аргументов, в нашем случае два раунда.Сначала на каждом проходе выполняется проверка на нулевые значения, которые не нужны в нашей ситуации, поскольку мы сами создали функции.Теперь у нас есть цикл FOR IN, который по своей природе очень медленный из-за необходимости искать каждый из элементов в карте объекта вместо того, чтобы просто перебирать итератор.Теперь мы наконец-то скопировали одну из наших функций в jQuery!Сделайте еще одну проверку, чтобы убедиться, что мы не входим в бесконечный цикл ... Для нашего случая на этот раз мы просто делаем еще одну маленькую проверку IF.И цикл повторяется до тех пор, пока все не будет сделано.

Поэтому этот метод на намного медленнее, чем непосредственное копирование в сам объект jQuery.Общая проблема для людей, использующих API, заключается в том, что, хотя использование функций может быть простым и выглядеть быстро и легко, внутреннее устройство может быть очень сложным и медленным по сравнению с выполнением действий самостоятельно.

Answer 2

В этом случае единственное преимущество, которое я вижу, это то, что вам не нужно вводить $ .ui.autocomplete дважды, один раз для каждого объявления функции.