使对象子原型具有父对象的上下文

Question

这可能是重复的，如果是这样，我很抱歉。我浏览了几个问题，并没有找到与我的情况完全相符的情况（这可能是一个不好的迹象）。

我有一类，说RandomClass，被定义为如下

function RandomClass(id){ 
    this._id = id; 
} 

RandomClass.prototype.getID = function(){ 
    return this._id; 
} 

var rc = new RandomClass(1); 
rc.getID(); //returns 1, as expected 

说我要定义一组处理程序，并将其保存在一个子对象（而继续使用原型）的RandomClass。 我对原型的了解程度有限，所以如果下一个位置是非常糟糕的形式，请致歉。

RandomClass.prototype.handlers = {}; 

RandomClass.prototype.handlers.HandlerOne = function(){ 
    console.log("Handler one calling from ID: "+this._id); 
    //the context is not the context of RandomClass, but of RandomClass.prototype.handlers! 
} 

rc.handlers.HandlerOne(); //prints "Handler one calling from ID: unknown" 

再次，也许这是不好的形式，但我有几个处理程序需要被调用，这样做，让代码简化为：

var handler = "one of many many handlers returned from an ajax request"; 
rc.handlers[handler](); 

所以，我的问题是如何我是否将HandlerOne的上下文作为RandomClass而不是处理程序的上下文？我想继续使用的原型，因为那时他们没有（在下面的例子中为）克隆多次：

function RandomClass(id){ 
    this._id = id; 
    this._handlers = {}; 
} 

function HandlerOne(){ 
    console.log("Handler one calling from ID: "+this._id); 
} 

var rc = new RandomClass(1); 
rc._handlers["HandlerOne"] = HandlerOne.bind(rc); 
rc._handlers["HandlerOne"]() //prints as expected, but I believe performance is much worse here 

Answer 1

在这一点上提交这两个答案都是很好的选择（我会说是可以接受的），但我已经决定采取另一条路线（即导致对我的代码的最小修改:)）。

与@ BlaShadow的回答相似，不是传递上下文并设置parentScope变量，我只是使用Javascript的function.call()方法传递正确的上下文。

function RandomClass(id){ 
    this._id = id; 
} 

function.prototype.handlers = {} 
function.prototype.handlers.HandlerOne = function(data){ 
    console.log("Handler one calling from ID: "+this._id+" with data: "+data); 
} 

var rc = new RandomClass(1); 
rc.handlers.HandlerOne.call(rc, {"some": "data"}); 
//prints "Handler one calling from ID: 1 with data { "some" : "data" } 

Answer 2

能够满足你做到这一点，而不是绑定的情况下试图通过它作为参数。

function RandomClass(id){ 
    this._id = id; 
    this._handlers = {}; 
} 

function HandlerOne(instance){ 
    var parentScope = instance; 

    console.log("Handler one calling from ID: "+parentScope._id); 
} 

//call it like this 
var rc = new RandomClass(1); 
rc._handlers["HandlerOne"] = HandlerOne; 
rc._handlers["HandlerOne"](rc) 

Answer 3

你可以简单地让Handlers它自己类。请注意，您不应该访问类之外的私人成员，就像我在下面的例子中所做的那样。您必须公开正确的公共API才能使对象一起工作，而不会违反封装。

function RandomClass(id){ 
    this._id = id; 
    this.handlers = new Handlers(this); 
} 


function Handlers(randomClassInstance) { 
    this._randomClassInstance = randomClassInstance; 
} 

Handlers.prototype = { 
    constructor: Handlers, 

    handlerOne: function() { 
     console.log("Handler one calling from ID: "+ this._randomClassInstance._id); 
    } 
}; 

然后，你可以这样做：

var rnd = new RandomClass('test'); 

rnd.handlers.handlerOne(); //Handler one calling from ID: test