Làm thế nào để gọi khóa của đối tượng bên trong của cuộc gọi lại?

Question

Làm cách nào tôi có thể nhận được biến trong xử lý chức năng của obj? Không có tham chiếu của obj trong MyClass.

var obj = { 
     func: function(){ 
      var myClass = new MyClass(); 
      myClass.handler = this.handler; 
      myClass.play();   
     }, 

     handler: function(){ 
      //Here i don't have access to obj 
      console.log(this); //MyClass 
      console.log(this.variable); //undefined 
     }, 

     variable:true 
    }; 

    function MyClass(){ 
     this.play = function(){ 
      this.handler(); 
     }; 

     this.handler = function(){}; 
    }; 

    obj.func(); 

Đó là công trình cần bạn, nếu bạn sử dụng Base.js hoặc cách tương tự khác của oop.

_.bindAll (obj) (metodcore metod) cũng không phù hợp. Đó là ghi đè phá vỡ trong Base.js.

Answer 1

Bind chỉ phương pháp xử lý: http://jsfiddle.net/uZN3e/1/

var obj = { 
    variable:true, 

    func: function(){ 
     var myClass = new MyClass(); 
     // notice Function.bind call here 
     // you can use _.bind instead to make it compatible with legacy browsers 
     myClass.handler = this.handler.bind(this); 
     myClass.play();   
    }, 

    handler: function(){ 
     console.log(this.variable); 
    } 
}; 

function MyClass(){ 
    this.play = function(){ 
     this.handler(); 
    }; 

    this.handler = function(){}; 
}; 

obj.func(); 
​ 

Answer 2

Khai variable trước handler:

var obj = { 
    variable: true, 

    func: function(){ 
     // ...  
    }, 

    handler: function(){ 
     console.log(this.variable); //true 
    } 
}; 

Answer 3

Sử dụng một biến để tham khảo bối cảnh gốc:

... 
var self = this; 
myClass.handler = function(){ self.handler(); }; 
... 

Answer 4

Sử dụng cuộc gọi chức năng với điều này từ obj trong khai báo trong một phạm vi var để giải quyết nó.

var obj = { 
    func: function(){ 
     var self = this; 
     var myClass = new MyClass(); 
     myClass.handler = function() { return this.handler.call(self); }; 
     myClass.play();   
    }, 

    handler: function(){ 
     //Here i don't have access to obj 
     console.log(this); //MyClass 
     console.log(this.variable); //undefined 
    }, 

    variable:true 
}; 

Answer 5

Bạn không có quyền truy cập vào obj vì này được liên kết với trường hợp của MyClass constructor - myClass. Nếu trong handler bạn muốn có quyền truy cập vào myClass qua và quyền truy cập vào obj bạn phải sử dụng obj tên trực tiếp như vậy:

console.log(this); // myClass 
console.log(obj.variable); // true 

Nếu bạn muốn có này liên kết với obj sử dụng những gì Juan Mellado hoặc gryzzly đề xuất.