`オブジェクト 'のメソッド/プロパティに` this`の継承を拡張する

Question

私は質問のタイトルを正しく表現しているかどうかわかりません。 ...明確にするために以下の点を考慮してください

私は fooの方法/小道具内 thisへのアクセスを有するが thisは初期 object別名 eなく fooを参照持つに行くかどう

(function() { 
    var foo = { 
     bar: function() { 
      // Is it possible to reference 'this' as the 
      // initializing 'object' aka 'e' and not 'foo' ? 
      // The easy part, currently because 'this' refers to 'foo', 
      // is returning 'this' aka 'foo' so that chaining can occur 
      return this; 
     }, 
     other: function() { 
      return this; 
     } 
    }; 
    Event.prototype.foo = foo; 
}()); 

// usage 
document.onmousemove = function(e) { 
    e.foo.bar().other(); 
}; 

？

---

私が出ているという最高のは、この

(function() { 
    var foo = function() { 
     var _foo = this.foo; 
     _foo._this = this; //recursive reference that I am VERY worried about 
     return _foo; 
    }; 
    foo.bar = function() { 
     var _this = this._this; //_this refers to initial 'object', 'e' 
     return this; //return 'foo' aka 'this' for function chaining 
    }; 
    foo.other = function() { 
     var _this = this._this; 
     return this; 
    }; 
    Event.prototype.foo = foo; 
}()); 

// usage 
document.onmousemove = function(e) { 
    e.foo().bar().other(); 
}; 

---

私が現在持っていることは動作しますが、私は物事のカップルが心配です...

1.あります再帰的な参照の参照e.foo._this

と

2. eをe.foo._thisに割り当てる冗長性は、の代わりにeとしてアクセスできる場合は、特に、mousemoveイベントのようなものに関しては、より良いパフォーマンスを出すでしょう。

jsFiddle Here

---

また、Imはこのような何かを避けるためにしようと...

---

すべての提案は、あなたの時間をありがとう感謝しています。

Answer 1

：

(function() { 
    var foo = function() { 
     this.foo.event = this; 
     return this.foo; 
    }; 
    foo.bar = function() { 
     /// the event can be found in this.event 
     return this; 
    }; 
    foo.other = function() { 
     /// the event can be found in this.event 
     return this; 
    }; 
    Event.prototype.foo = foo; 
}()); 

// usage 
document.onmousedown = function(e) { 
    e.foo().bar().other(); 
}; 

しかしこれは、共有オブジェクトfooへの変更を行っている、あなたはe.foo()の新しいインスタンスを返すように物事を書き換えすることを望むかもしれませんfooの代わりに他のメソッドをfoo'sプロトタイプに移動します。

(function() { 
    var foo = function(event) { 
     this.event = event; 
    }; 
    foo.prototype.bar = function() { 
     /// the event can be found in this.event 
     return this; 
    }; 
    foo.prototype.other = function() { 
     /// the event can be found in this.event 
     return this; 
    }; 
    Event.prototype.foo = function() { 
     return new foo(this); 
    }; 
}()); 

あなたがfooの新しいインスタンスごとに作成している。この方法で、それはevent財産のあなたの添加は、そのインスタンスに局在していること。プロトタイプ化されたメソッドはすべてのインスタンスで共有されるので、最適化の観点からはそれほど悪くはありません。

Answer 2

多分それはあなたのために働くだろう：

がfooを参照するために呼び出されるメソッドでthisコンテキストを変更し、this.fooを使用するようにapplyメソッドを使用します。

(function() { 
    var foo = function() { 
     console.log(this); 
     return this.foo; 
    }; 
    foo.bar = function() { 
     console.log(this); 
     return this.foo; 
    }; 
    foo.other = function() { 
     console.log(this); 
     return this.foo; 
    }; 
    Event.prototype.foo = foo; 
}()); 

// usage 
document.onclick = function (e) { 
    console.log(
     e.foo.apply(e).bar.apply(e).other.apply(e) 
    ); 
}; 

FIDDLE

Answer 3

たぶんあなたのオブジェクトをオブジェクトにバインドする方が簡単かもしれません：

someElement.onEvent = myObject.myHandlerFunction.bind(myObject); 

この関数が呼び出されると、その 'this'はmyObjectになります。

次に、e.targetを使用して要素にアクセスできます。あなたは物事を簡単にすることができなければならないものに微妙な変更に伴い