Переопределение функции JavaScript при ссылке на оригинал

Вы можете сделать что-то вроде этого:

var a = (function() {
    var original_a = a;

    if (condition) {
        return function() {
            new_code();
            original_a();
        }
    } else {
        return function() {
            original_a();
            other_new_code();
        }
    }
})();

Объявление original_a внутри анонимной функции не дает ей загромождать глобальное пространство имен, но она доступна во внутренних функциях.

Как и Nerdmaster, упомянутый в комментариях, обязательно включите () в конце. Вы хотите вызвать внешнюю функцию и сохранить результат (одну из двух внутренних функций) в a, а не сохранять саму внешнюю функцию в a.

Шаблон прокси может помочь вам:

(function() {
    // log all calls to setArray
    var proxied = jQuery.fn.setArray;
    jQuery.fn.setArray = function() {
        console.info( this, arguments );
        return proxied.apply( this, arguments );
    };
})();

The above wraps its code in a function to hide the "proxied"-variable. It saves jQuery's setArray-method in a closure and overwrites it. The proxy then logs all calls to the method and delegates the call to the original. Using apply(this, arguments) guarantees that the caller won't be able to notice the difference between the original and the proxied method.

Спасибо, ребята, шаблон прокси действительно помог ..... На самом деле я хотел вызвать глобальную функцию foo .. На определенных страницах мне нужно сделать несколько проверок. Итак, я сделал следующее.

//Saving the original func
var org_foo = window.foo;

//Assigning proxy fucnc
window.foo = function(args){
    //Performing checks
    if (checkCondition(args)){
        //Calling original funcs
        org_foo(args);
    }
};

Спасибо, это действительно помогло мне

Вы можете переопределить функцию, используя такую ​​конструкцию:

function override(f, g) {
    return function() {
        return g(f);
    };
}

Например:

 a = override(a, function(original_a) {
      if (condition) { new_code(); original_a(); }
      else { original_a(); other_new_code(); }
 });

Обновлено: исправлена ​​опечатка.

Передача произвольных аргументов:

a = override(a, function(original_a) {
    if (condition) { new_code(); original_a.apply(this, arguments) ; }
    else { original_a.apply(this, arguments); other_new_code(); }
});

В приведенных выше примерах неправильно применяется this или неправильно передается arguments в переопределение функции. Underscore _.wrap () обертывает существующие функции, применяет this и правильно передает arguments. См .: http://underscorejs.org/#wrap

У меня был код, написанный кем-то другим, и я хотел добавить строку к функции, которую я не мог найти в коде. Поэтому в качестве обходного пути я хотел отменить его.

Однако ни одно из решений не помогло мне.

Вот что сработало в моем случае:

if (typeof originalFunction === "undefined") {
    originalFunction = targetFunction;
    targetFunction = function(x, y) {
        //Your code
        originalFunction(a, b);
        //Your Code
    };  
}

Я создал небольшой помощник для подобного сценария, потому что мне часто приходилось переопределять функции из нескольких библиотек. Этот помощник принимает «пространство имен» (контейнер функции), имя функции и замещающую функцию. Он заменит исходную функцию в указанном пространстве имен на новую.

Новая функция принимает исходную функцию в качестве первого аргумента, а аргументы исходной функции - в качестве остальных. Он всегда будет сохранять контекст. Он также поддерживает функции void и non-void.

function overrideFunction(namespace, baseFuncName, func) {
    var originalFn = namespace[baseFuncName];
    namespace[baseFuncName] = function () {
        return func.apply(this, [originalFn.bind(this)].concat(Array.prototype.slice.call(arguments, 0)));
    };
}

Использование, например, с Bootstrap:

overrideFunction($.fn.popover.Constructor.prototype, 'leave', function(baseFn, obj) {
    // ... do stuff before base call
    baseFn(obj);
    // ... do stuff after base call
});

Однако я не создавал никаких тестов производительности. Это может добавить некоторые нежелательные накладные расходы, которые могут или не могут быть большой проблемой, в зависимости от сценария.

На мой взгляд, основные ответы не читаются / не обслуживаются, а другие ответы не связывают контекст должным образом. Вот удобочитаемое решение с использованием синтаксиса ES6 для решения обеих этих проблем.

const orginial = someObject.foo;
someObject.foo = function() {
  if (condition) orginial.bind(this)(...arguments);
};

Ответ, который дает @Matthew Crumley, заключается в использовании немедленно вызываемых функциональных выражений, чтобы закрыть старую функцию 'a' в контексте выполнения возвращаемой функции. Я думаю, что это был лучший ответ, но лично я бы предпочел передать функцию «a» в качестве аргумента IIFE. Думаю, это более понятно.

   var a = (function(original_a) {
        if (condition) {
            return function() {
                new_code();
                original_a();
            }
        } else {
            return function() {
                original_a();
                other_new_code();
            }
        }
    })(a);

Итак, мой ответ оказался решением, которое позволяет мне использовать переменную _this, указывающую на исходный объект. Я создаю новый экземпляр «Квадрата», но мне не понравилось то, как «Квадрат» генерировал его размер. Я думал, что это должно соответствовать моим конкретным потребностям. Однако для этого мне потребовалось, чтобы в квадрате была обновленная функция «GetSize» с внутренними компонентами этой функции, вызывающими другие функции, уже существующие в квадрате, такие как this.height, this.GetVolume (). Но для этого мне нужно было сделать это без каких-либо безумных хаков. Итак, вот мое решение.

Другой инициализатор объекта или вспомогательная функция.

this.viewer = new Autodesk.Viewing.Private.GuiViewer3D(
  this.viewerContainer)
var viewer = this.viewer;
viewer.updateToolbarButtons =  this.updateToolbarButtons(viewer);

Функция в другом объекте.

updateToolbarButtons = function(viewer) {
  var _viewer = viewer;
  return function(width, height){ 
blah blah black sheep I can refer to this.anything();
}
};

Не уверен, что это сработает при любых обстоятельствах, но в нашем случае мы пытались переопределить функцию describe в Jest, чтобы мы могли проанализировать имя и пропустить весь блок describe, если он соответствует некоторым критериям.

Вот что у нас сработало:

function describe( name, callback ) {
  if ( name.includes( "skip" ) )
    return this.describe.skip( name, callback );
  else
    return this.describe( name, callback );
}

Здесь важны две вещи:

1. Мы не используем стрелочную функцию () =>.

   Стрелочные функции изменяют ссылку на this, и нам нужно, чтобы это был this файла.

2. Использование this.describe и this.describe.skip вместо только describe и describe.skip.

Опять же, не уверен, что это имеет значение для кого-либо, но мы изначально пытались обойтись с Мэтью Крамлиотличный ответ, но нам нужно было сделать наш метод функцией и принимать параметры, чтобы анализировать их в условном выражении.