Tham chiếu "này" từ trong một cuộc gọi lại javascript

Question

Điều gì đó luôn làm phiền tôi về cách tôi viết mã hướng đối tượng trong Javascript. Khi có một cuộc gọi lại, tôi thường xuyên muốn tham khảo các đối tượng mà ban đầu được gọi là chức năng, dẫn tôi làm điều gì đó như thế này:

MyClass.prototype.doSomething = function(obj, callback) { 
    var me = this; // ugh 
    obj.loadSomething(function(err, result) { 
     me.data = result; // ugh 
     callback(null, me); 
    }); 
} 

Trước hết, tạo biến thêm nhất luôn có vẻ ... quá mức đối với tôi. Hơn nữa, tôi phải tự hỏi nếu nó có thể sẽ gây ra vấn đề (tham chiếu vòng tròn? Un-GCd đối tượng?) Bằng cách đi qua biến "tôi" trở lại gọi lại.

Có cách nào tốt hơn để thực hiện việc này không? Phương pháp này có tệ không?

Answer 1

Đây là những gì Function.bind() dành cho:

MyClass.prototype.doSomething = function(obj, callback) { 
    obj.loadSomething((function(err, result) { 
     this.data = result; 
     callback(null, this); 
    }).bind(this)); 
} 

Answer 2

AFAIK, những gì bạn đang làm là mẫu được chấp nhận cho loại điều này và không gây ra bất kỳ sự cố nào. Rất nhiều người sử dụng hoặc là "tự" hoặc "đó" như là tài liệu tham khảo được lưu trữ - "tự" có thể trực quan hơn nếu bạn đến từ một nền python.

Answer 3

Đây là hành vi bình thường đối với JavaScript. Bối cảnh cho this đã thay đổi đối tượng loadSomething và lý do gọi lại là để nắm bắt các tham chiếu đóng cửa như biến số me của bạn.

Answer 4

Bạn có thể liên kết này với phạm vi chức năng bên trong

MyClass.prototype.doSomething = function(obj, callback) { 
    obj.loadSomething(function(err, result) { 
     this.data = result; 
     callback(null, this); 
    }.bind(this)); 
} 

Answer 5

Đây là cách phổ biến nhất mà tôi đã thấy để xử lý nó, tôi thường sử dụng var self = this ;, nhưng nó chỉ là một cái tên. Mặc dù nó là một biến phụ, xem xét chi phí javascript và thực tế là nó không trùng lặp đối tượng, nó thực sự sẽ không ảnh hưởng đến hiệu suất.