Đề cập đến "này" trong một mẹ đóng cửa trong javascript

Question

Tôi muốn làm điều này trong Javascript:

function Z(f) 
{ 
    f(); 
} 

function A() 
{ 
    this.b = function() 
    { 
    Z(function() { this.c() }); 
    } 

    this.c = function() 
    { 
    alert('hello world!'); 
    } 
} 

var foo = new A(); 
foo.b(); 

Nó có thể được thực hiện theo cách này:

function Z(f) 
{ 
    f(); 
} 

function A() 
{ 
    var self = this; 
    this.b = function() 
    { 
    Z(function() { self.c() }); 
    } 

    this.c = function() 
    { 
    alert('hello world!'); 
    } 
} 

var foo = new A(); 
foo.b(); 

Có cách nào tốt hơn?

Answer 1

Giữ một tham chiếu đến phụ huynh (như bạn có) là một phương pháp tốt, tuy nhiên ví dụ cụ thể của bạn không có nhu cầu sử dụng wrapper nặc danh, bạn có thể vượt qua các chức năng trực tiếp, như thế này:

var self = this; 
this.b = function() 
{ 
    Z(self.c); 
} 

You can test it out here, và không có wrapper này có thực sự là không cần cho biến self, quý vị có thể chỉ cần sử dụng trực tiếp this, như thế này:

this.b = function() 
{ 
    Z(this.c); 
} 

You can test that version here.

---

Vì có vẻ là một số nhầm lẫn trong các ý kiến ​​dưới đây, các mã trên duy trì thischo câu hỏi, nếu bạn muốn duy trì this/bối cảnh bên trong gọi lại là tốt, sử dụng .call()like this:

this.b = function() 
{ 
    Z.call(this, this.c); 
} 

Và đối với Z:

function Z(f) 
{ 
    f.call(this); 
} 

You can test it here.

Answer 2

Có một mẫu thường được gọi là "Ủy quyền", giải quyết vấn đề này.

Trong javascript, một thực hiện không-quá-lạ mắt có thể trông như thế này:

/** class Delegate **/ 
var Delegate = function(thisRef, funcRef, argsArray) { 
    this.thisRef=thisRef; 
    this.funcRef=funcRef; 
    this.argsArray=argsArray; 
} 
Delegate.prototype.invoke = function() { 
    this.funcRef.apply(this.thisRef, this.argsArray); 
} 
/** static function Delegate.create - convenience function **/ 
Delegate.create = function(thisRef, funcRef, argsArray) { 
    var d = new Delegate(thisRef, funcRef, argsArray); 
    return function() { d.invoke(); } 
} 

Trong ví dụ của bạn, bạn sẽ sử dụng nó như thế này:

this.b = function() { 
    Z(Delegate.create(this, this.c)); 
} 

bạn cũng có thể viết các chức năng mong nhận được một Đại biểu:

function Z(d) { 
    d.invoke(); 
} 

sau đó, trong A, impl của bạn của b trở thành:

this.b = function() { 
    var d = new Delegate(this, this.c); 

    Z(d); 
    SomeOtherFunc(d); 
} 

Các Delegate chỉ cung cấp một cách phù hợp đơn giản của việc đóng gói this tài liệu tham khảo (mà bạn đã gọi self), trong một trường hợp đối tượng có thể được xử lý giống như bất kỳ trường hợp đối tượng khác. Đó là dễ đọc hơn, và nó giúp bạn khỏi bị ô nhiễm phạm vi chức năng của bạn với các biến không cần thiết như self. Một thực hiện đại biểu fancier có thể có phương pháp riêng của mình và trạng thái liên quan khác. Nó cũng có thể xây dựng các đại biểu theo cách mà nó giúp giảm thiểu một số vấn đề quản lý bộ nhớ liên quan đến phạm vi (mặc dù mã tôi đã hiển thị ở đây chắc chắn không phải là một ví dụ về điều đó).

Answer 3

Hoặc bạn có thể sử dụng

this.b = function() 
{ 
    Z((function() { this.c() }).apply(this)); 
}