a()オーバーライドしたい関数がありますa()が、コンテキストに応じた順序で元の関数を実行することもできます。たとえば、ページを生成するときに、次のようにオーバーライドしたい場合があります。
function a() {
new_code();
original_a();
}
そして時々このように：
function a() {
original_a();
other_new_code();
}
original_a()オーバーライド内からそれを取得するにはどうすればよいa()ですか？それも可能ですか？
このようにオーバーライドする代わりの方法を提案しないでください。私は多くのことを知っています。具体的にはこの方法について質問しています。
次のようなことができます。
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 のように、必ず()最後に を含めてください。外側の関数自体を に格納するのではなく、外側の関数を呼び出して結果(2 つの内側の関数の 1 つ) をに格納します。aa
Proxy パターンは次のことに役立ちます。
(function() {
// log all calls to setArray
var proxied = jQuery.fn.setArray;
jQuery.fn.setArray = function() {
console.log( this, arguments );
return proxied.apply( this, arguments );
};
})();
上記は、そのコードを関数でラップして、「プロキシされた」変数を非表示にします。jQuery の setArray メソッドをクロージャに保存して上書きします。次に、プロキシはメソッドへのすべての呼び出しをログに記録し、呼び出しを元のメソッドに委任します。apply(this, arguments) を使用すると、呼び出し元が元のメソッドとプロキシされたメソッドの違いに気付かないことが保証されます。
皆さん、プロキシパターンが本当に役に立ちました.....実際、私はグローバル関数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);
}
};
Thnxこれは本当に私を助けました
You can override a function using a construct like:
function override(f, g) {
return function() {
return g(f);
};
}
For example:
a = override(a, function(original_a) {
if (condition) { new_code(); original_a(); }
else { original_a(); other_new_code(); }
});
Edit: Fixed a typo.
任意の引数を渡す：
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 が提供する答えは、すぐに呼び出される関数式を利用して、返された関数の実行コンテキストに古い「a」関数を閉じることです。これが最良の答えだったと思いますが、個人的には、IIFE の引数として関数 'a' を渡すことを好みます。よりわかりやすいと思います。
var a = (function(original_a) {
if (condition) {
return function() {
new_code();
original_a();
}
} else {
return function() {
original_a();
other_new_code();
}
}
})(a);
上記の例は、関数オーバーライドに正しく適用thisまたは渡されません。argumentsアンダースコア_.wrap（）は、既存の関数をラップし、正しく適用thisして渡します。arguments参照： http： //underscorejs.org/#wrap
複数のライブラリの関数をオーバーライドする必要が頻繁にあったため、同様のシナリオ用に小さなヘルパーを作成しました。このヘルパーは、"名前空間" (関数コンテナー)、関数名、およびオーバーライド関数を受け入れます。参照された名前空間の元の関数を新しい関数に置き換えます。
新しい関数は元の関数を最初の引数として受け入れ、元の関数の引数を残りとして受け入れます。コンテキストは常に保持されます。void 関数と非 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
});
ただし、パフォーマンス テストは作成しませんでした。シナリオによっては、不要なオーバーヘッドが追加される可能性があります。
すべての状況で機能するかどうかはわかりませんが、私たちの場合、describeJest で関数をオーバーライドして、名前を解析し、describeいくつかの基準を満たした場合にブロック全体をスキップできるようにしました。
これが私たちのために働いたものです：
function describe( name, callback ) {
if ( name.includes( "skip" ) )
return this.describe.skip( name, callback );
else
return this.describe( name, callback );
}
ここで重要なことは次の 2 つです。
アロー関数は使用しません() =>。
アロー関数は参照を に変更し、thisそれがファイルのthis.
andの代わりにthis.describeandを使用します。this.describe.skipdescribedescribe.skip
繰り返しますが、それが誰にとっても価値があるかどうかはわかりませんが、もともとMatthew Crumley の 優れた答えを回避しようとしましたが、メソッドを関数にし、条件でそれらを解析するためにパラメーターを受け入れる必要がありました。