Orijinal belgeye başvururken bir JavaScript işlevini geçersiz kılma

Ben, bir işlevi var a()ben geçersiz kılmaya değil, aynı zamanda orijinal sahip a()bağlama göre bir sırayla gerçekleştirilebilir. Örneğin, bazen bir sayfa oluştururken şu şekilde geçersiz kılmak isteyeceğim:

function a() {
    new_code();
    original_a();
}

ve bazen böyle:

function a() {
    original_a();
    other_new_code();
}

Bunu original_a()aşırı sürüşten nasıl alabilirim a()? Hatta mümkün mü?

Lütfen bu şekilde aşırı sürmeye alternatifler önermeyin, çoğunu biliyorum. Özellikle bu şekilde soruyorum.

Böyle bir şey yapabilirsiniz:

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

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

Bildirme original_aanonim işlevi içinde genel ad alanını doldurmasını tutar, ancak iç fonksiyonlarda kullanılabilir.

Nerdmaster'ın yorumlarda belirttiği gibi, sonuna eklediğinizden emin olun (). Dış işlevi çağırmak ve sonucu (iki iç işlevden biri) saklamak istiyorsunuz a, dış işlevi kendisi saklamayın a.

Vekil desen size yardımcı olabilir:

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

Yukarıdaki kod "proxy" değişkenini gizlemek için bir fonksiyona sarar. JQuery'nin setArray yöntemini bir kapanışta kaydeder ve üzerine yazar. Proxy daha sonra yönteme yapılan tüm çağrıları günlüğe kaydeder ve çağrıyı orijinaline devreder. Apply (this, arguments) komutunu kullanmak, arayanın orijinal ve proxy yöntem arasındaki farkı fark edemeyeceğini garanti eder.

Teşekkürler çocuklar proxy desen gerçekten yardımcı oldu ..... Aslında küresel bir işlev foo aramak istedim .. Bazı sayfalarda bazı kontroller yapmak gerekiyor. Ben de aşağıdakileri yaptım.

//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);
    }
};

Thnx bu gerçekten bana yardımcı oldu

Aşağıdaki gibi bir yapı kullanarak bir işlevi geçersiz kılabilirsiniz:

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

Örneğin:

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

Düzenleme: Yazım hatası düzeltildi.

Rasgele argümanlar iletmek:

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

@Matthew Crumley'nin verdiği cevap, eski 'a' işlevini döndürülen işlevin yürütme bağlamına kapatmak için hemen çağrılan işlev ifadelerini kullanmaktır. Bence bu en iyi cevaptı, ama kişisel olarak, 'a' işlevini argüman olarak IIFE'ye geçirmeyi tercih ederim. Bence daha anlaşılır.

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

Yukarıdaki örnekler , işlev geçersiz kılma işlemine doğru bir şekilde uygulanmaz thisveya argumentsdoğru şekilde aktarılmaz. Alt çizgi _.wrap () mevcut işlevleri sarar, uygular thisve argumentsdoğru şekilde geçer . Bkz. Http://underscorejs.org/#wrap

Başka biri tarafından yazılmış bazı kod vardı ve kodda bulamadım bir işleve bir satır eklemek istedim. Bu yüzden bir geçici çözüm olarak geçersiz kılmak istedim.

Hiçbir çözüm benim için işe yaramadı.

Benim durumumda işe yarayan şey:

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

Benzer bir senaryo için küçük bir yardımcı oluşturdum çünkü sık sık birkaç kütüphaneden fonksiyonları geçersiz kılmam gerekiyordu. Bu yardımcı bir "ad alanı" (işlev kabı), işlev adı ve geçersiz kılma işlevini kabul eder. Belirtilen ad alanındaki orijinal işlevi yenisiyle değiştirir.

Yeni işlev, orijinal işlevi ilk argüman olarak kabul eder ve orijinal işlev argümanları geri kalanı olarak kabul eder. Bağlamı her zaman koruyacaktır. Geçersiz ve geçersiz işlevleri de destekler.

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)));
    };
}

Örneğin Bootstrap ile kullanım:

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

Yine de hiçbir performans testi oluşturmadım. Muhtemelen senaryolara bağlı olarak önemli olabilecek veya olmayabilecek bazı istenmeyen ek yükler ekleyebilir.

Bence en iyi cevaplar okunamaz / sürdürülemez ve diğer cevaplar bağlamı düzgün bir şekilde bağlamaz. Her iki sorunu da çözmek için ES6 sözdizimini kullanan okunabilir bir çözüm.

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

Böylece cevabım, orijinal nesneye işaret eden _this değişkenini kullanmama izin veren bir çözüm oldu. "Square" in yeni bir örneğini oluşturuyorum ancak "Square" 'in bu boyuttan yaratmasından nefret ediyorum. Özel ihtiyaçlarımı karşılaması gerektiğini düşündüm. Ancak bunu yapmak için ben kare bu.height, this.GetVolume () gibi zaten mevcut diğer işlevleri çağıran bu işlevin iç ile güncellenmiş bir "GetSize" işlevi olması gerekiyordu. Ama bunu yapabilmek için bunu çılgın bir hack yapmadan yapmam gerekiyordu. İşte benim çözümüm.

Başka bir Nesne başlatıcı veya yardımcı işlevi.

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

Diğer nesnede işlev.

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

Her koşulda çalışıp çalışmayacağından emin değilim, ancak bizim durumumuzda, describeJest'teki işlevi geçersiz kılmaya çalışıyorduk, böylece adı ayrıştırabilir ve bütünü atlayabilirizdescribe bazı ölçütleri karşıladıysa bloğu .

Bizim için işe yarayanlar:

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

Burada kritik olan iki şey:

1. Ok işlevi kullanmıyoruz () => .

   Ok işlevleri referansı değiştirir thisve dosya olması gerekir this.

2. Kullanımı this.describeve this.describe.skipbunun yerine sadece bir describeve describe.skip.

Yine, kimseye değer verdiğinden emin değiliz ama aslında Matthew Crumley'in mükemmel cevabından kurtulmaya çalıştık, ancak yöntemimizi bir işlev haline getirmek ve koşullu olarak ayrıştırmak için paramları kabul etmek gerekiyordu.