Phạm vi "này" trong JavaScript

Question

Tôi có một lớp JavaScript mà trông như thế này:

function SomeFunction() 
{ 
    this.doSomething(function() 
    { 
     this.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Mã này ném một lỗi vì phạm vi "này" bên trong hàm đó được thông qua vào doSomething() là khác với phạm vi của "điều này" bên ngoài hàm đó.

Tôi hiểu tại sao điều này xảy ra, nhưng cách tốt nhất để giải quyết vấn đề này là gì? Đây là những gì tôi sẽ làm:

function SomeFunction() 
{ 
    var thisObject = this; 

    this.doSomething(function() 
    { 
     thisObject.doSomethingElse(); 
    }); 

    this.doSomethingElse = function() 
    { 

    } 
} 

Điều đó hoạt động tốt, nhưng nó chỉ cảm thấy như một hack. Chỉ cần tự hỏi nếu ai đó có một cách tốt hơn.

Answer 1

commenter này có những gì tôi đang tìm kiếm (mặc dù câu trả lời khác là tốt quá):

@ Jon Kruger Xem này, hãy kiểm tra bài viết của họ cho cuộc gọi, quá: https://developer.mozilla.org/En/Core_JavaScript_1.5_Reference/Objects/Function/Apply - Jonathon 44 mins ago

Answer 2

Đó là giải pháp đúng và thường được chấp nhận. Đó là loại kludgy nhưng đó là những gì mọi người làm. Thông thường, biến phụ này có tên là self, như sau:

Answer 3

this có phạm vi "động". Điều đó có nghĩa rằng nó được thiết lập bởi bất cứ điều gì liên kết nó, và this bị ràng buộc bởi một "cuộc gọi phương thức". Đó là, bất cứ lúc nào trong chương trình của bạn, bạn thấy điều này: w.f() sau đó trong khi f được thực thi, this là tự động bị ràng buộc để f, thậm chí nếu f có this trong phạm vi từ vựng của mình.

Hầu hết các khung JavaScript cung cấp một số phương tiện để giải quyết vấn đề chính xác này. Với Prototype.js (ví dụ) bạn có thể làm điều này:

this.doSomething(function() { this.doSomethingElse(); }.bind(this)); 

Tuy nhiên, "hack" của bạn vẫn ổn. Tôi thường làm một (function (self) { ... })(this) xung quanh bất kỳ chức năng nào mà tôi cần một biến số tương tự như vi phạm this.

Answer 4

Cũng đáng nói rằng phiên bản tiếp theo của ECMAScript (thông số ngôn ngữ cho JavaScript) sẽ giới thiệu Function.bind(), điều này sẽ cho phép bạn chỉ định ngữ cảnh cố định cho một hàm.