Расширение функции JavaScript без переопределения тела текущей функции

Question

Расширение функции JavaScript без переопределения тела текущей функции

1

У вас есть одна функция:

function JsFunction(){
//some logic already done by framework library...
}

Теперь я хочу добавить дополнительный логин в этот JsFunction, когда я его вызову, выполнит свою логику до + логики, которую я добавил в нее. Я не хочу дублировать одну и ту же логику из библиотеки, а затем добавлять свой собственный код. так, как я могу достичь этого с таким же именем функции JsFunction()??

Uttam Ughareja 27 апр. 2018, в 11:41

Источник

Теги:

javascript

inheritance

2 ответа

2

Скопируйте старую функцию, затем создайте новую функцию, которая вызывает ее (передавая любые аргументы и правильный контекст), захватывает возвращаемое значение, делает что-то еще, а затем возвращает возвращаемое значение.

(function () { // In an IIFE to avoid creating a global variable
    let oldJsFunction = JsFunction;
    JsFunction = function JsFunction() {
        let return_value = oldJsFunction.apply(this, arguments);
        console.log("… and another thing");
        return return_value;
    }
)());

Quentin 27 апр. 2018, в 07:33

0

Я думаю, что здесь есть ошибка: JsFunction = function JsFunction() { => JsFunction = function() { ?
Samuel Maisonneuve 27 апр. 2018, в 09:38
0

@ Сэм: Все хорошо, это выражение с именованной функцией .
T.J. Crowder 27 апр. 2018, в 09:40
0

@Sam - у исходной функции было имя, я не понимаю, почему ее замена должна быть анонимной.
Quentin 27 апр. 2018, в 09:40
0

@Quentin: Это не будет на любом современном движке JavaScript, даже если вы используете выражение анонимной функции. Но нет причин не использовать именованный, как у вас. :-)
T.J. Crowder 27 апр. 2018, в 09:41
0

Ах, да, да: +1:, мой плохой;)
Samuel Maisonneuve 27 апр. 2018, в 09:41
0

@TJCrowder - я еще недостаточно усвоил правила для неявных имен, поэтому не решаюсь зависеть от них :)
Quentin 27 апр. 2018, в 09:43
0

@Quentin: :-) Достаточно справедливо, и опять же, нет причин не использовать NFE в 2018 году. Re неявные имена: Единственное, что obj.foo = function() { } это то, что obj.foo = function() { } не присваивает имя. Почти любое другое назначение или инициализация будут.
T.J. Crowder 27 апр. 2018, в 09:45
0

Что если у JsFunction есть параметр? на самом деле я хочу сделать это с помощью функции начальной загрузки "модал ('шоу')"
Uttam Ughareja 27 апр. 2018, в 09:46
2

@UttamUghareja - это точка apply(this, arguments);
Quentin 27 апр. 2018, в 09:49

Показать ещё 7 комментариев

Ещё вопросы

Я думаю, что здесь есть ошибка: JsFunction = function JsFunction() { => JsFunction = function() { ?
@ Сэм: Все хорошо, это выражение с именованной функцией .
@Sam - у исходной функции было имя, я не понимаю, почему ее замена должна быть анонимной.
@Quentin: Это не будет на любом современном движке JavaScript, даже если вы используете выражение анонимной функции. Но нет причин не использовать именованный, как у вас. :-)
@TJCrowder - я еще недостаточно усвоил правила для неявных имен, поэтому не решаюсь зависеть от них :)
@Quentin: :-) Достаточно справедливо, и опять же, нет причин не использовать NFE в 2018 году. Re неявные имена: Единственное, что obj.foo = function() { } это то, что obj.foo = function() { } не присваивает имя. Почти любое другое назначение или инициализация будут.
Что если у JsFunction есть параметр? на самом деле я хочу сделать это с помощью функции начальной загрузки "модал ('шоу')"
@UttamUghareja - это точка apply(this, arguments);

T.J. Crowder · Accepted Answer · 2018-04-27T08-00-00.000Z

Если работа, выполняемая этой функцией, является синхронной, ее действительно легко обернуть (см. Ниже). Если он выполняет свою работу асинхронно, вы можете или не можете его поместить, детали будут меняться в зависимости от реализации функции.

Обертка функции, которая работает синхронно:

var original = JsFunction;
JsFunction = function JsFunction() {
    // Do stuff before
    // ...
    // Call it
    var result = original.apply(this, arguments);
    // Do stuff after
    // ...
    return result; // Or something else if you prefer
};

Мясо этого

var result = original.apply(this, arguments);

... который использует Function#apply для вызова исходной функции с тем же this, что ваша замена была вызвана и все аргументы, она была вызвана (arguments является специальным псевдо-массивом в JavaScript, содержащий аргументы, используемых при вызове функции традиционной или метод).

С помощью функций ES2015+ вы можете заменить использование arguments параметром rest:

var original = JsFunction;
JsFunction = function JsFunction(...args) {
    // Do stuff before
    // ...
    // Call it
    var result = original.apply(this, args);
    // Do stuff after
    // ...
    return result; // Or something else if you prefer
};