どのように交換(ラップ)の方法で新しい方法でプログラム?

Question

私は複数の手法を必要とすることを包み込む新しい方法は基本的に同じです。私の第一ソリューションなんかがわからない場合があり簡単な問題だからではできませんのようにしたいと思います。

こちらは一例です。私はオブジェクト-cるonClick方法です。いすけど、一部のコードの前にonClickます。また、以下の:

// objects a-c
a = {onClick : function () { console.log('a'); }};
b = {onClick : function () { console.log('b'); }};
c = {onClick : function () { console.log('c'); }};

// first try
var arr = [a, b, c]
for (var i = 0; i < arr.length; i++) {
    var oldOnClick = arr[i].onClick;
    arr[i].onClick = function () {
        // new code here
        oldOnClick();
    }  
}

// outputs 'c'
// what i want is to maintain a reference to the original method
// so in this case, execute my new code and output 'a'
a.onClick();

これは当てはまりませんの仕事場での新しいメソッドを呼び出したあと、oldOnClickポイントの方法から最後の反復のメソッドで割り当てられます。

が簡単に解決しているところを一望?

Answer 1

必要なものは休業:

for(var i=0, l=arr.length; i<l; i++){
 (function(i){
   var oldOnclick = arr[i].onClick; 
   //etc.
 })(i);
}

Answer 2

ただし一部のAOP framwork Javascript?

例えば、jQueryを使うAOPプラグイン：

jQuery.aop.before( {target: String, method: 'replace'}, 
  function(regex, newString) { 
    alert("About to replace string '" + this + "' with '" + newString + 
          "' using regEx '" + regex + "'");
  }
);

もチェック こちらの.

Answer 3

Javascriptの結合ルールかおかしい。本当は、当サイトでは、以下のブラウザか。

わからないと思呼 の に固定すが、導入によるサブ機能ときのものを次々との結合を固定この特定の問題です。

（変更のための迅速-yクロムハッキングコードにつなが

a = {onClick : function () { alert('a'); }};
b = {onClick : function () { alert('b'); }};
c = {onClick : function () { alert('c'); }};

var arr = [a, b, c]
for (var i = 0; i < arr.length; i++) {
    var oldOnClick = arr[i].onClick;
    arr[i].onClick = bind(oldOnClick);
}

a.onClick();
b.onClick();
c.onClick();

function bind(oldFunc)
{
    return function () {
        //New Code
        oldFunc();
    }  
}

上記のコードは外側の三速報:a、b、c.何も置き換え'//新しいコードを実行できます。

Answer 4

var a = {onClick : function () { console.log('a'); }};
var b = {onClick : function () { console.log('b'); }};
var c = {onClick : function () { console.log('c'); }};

var arr = [a, b, c];
for (var i = 0; i < arr.length; i++) {
    var oldOnClick = arr[i].onClick;
    arr[i].onClick = wrapHandler(oldOnClick);  
}

function wrapHandler(handler) {
    return function() {
        console.log("New stuff");
        handler();
    }
}

a.onClick(); // outputs "New stuff" then "a"
b.onClick(); // outputs "New stuff" then "b"
b.onClick(); // outputs "New stuff" then "c"