Làm cách nào để tạo chức năng có thể khóa trong JavaScript?

Question

Hãy tưởng tượng chức năng như thế này:

function foo(x) { 
    x += '+'; 
    return x; 
} 

Cách sử dụng của nó sẽ như thế nào:

var x, y; 
x = 'Notepad'; 
y = foo(x); 
console.log(y); // Prints 'Notepad+'. 

Tôi đang tìm kiếm một cách để tạo ra chức năng đó là thể kết nối với các chức năng khác.

Hãy tưởng tượng sử dụng:

var x, y; 
x = 'Notepad'; 
y = x.foo().foo().toUpperCase(); // Prints 'NOTEPAD++'. 
console.log(y); 

Làm thế nào tôi sẽ làm điều này?

Answer 1

Chắc chắn, các trick là để trả lại đối tượng khi bạn đang thực hiện sửa đổi nó:

String.prototype.foo = function() { 
    return this + "+"; 
} 

var str = "Notepad"; 
console.log(str.foo().foo().toUpperCase()); 

http://jsfiddle.net/Xeon06/vyFek/

Để thực hiện phương pháp này có sẵn trên String, tôi thay đổi đó là nguyên mẫu. Hãy cẩn thận không làm điều này trên Object mặc dù, vì nó có thể gây ra vấn đề khi liệt kê trên tài sản của họ.

Answer 2

Nếu tôi nhớ chính xác, bạn có thể sử dụng "này" làm ngữ cảnh của hàm (đối tượng thuộc về) và trả về để làm cho hàm có thể được chuỗi. Nói cách khác:

var obj = 
{ 
    f1: function() { ...do something...; return this;}, 
    f2: function() { ...do something...; return this;} 
} 

sau đó bạn có thể chuỗi các cuộc gọi như obj.f1().f2()

Hãy nhớ, bạn sẽ không thể đạt được những gì bạn đang mong đợi bằng cách gọi obj.f1() toUpperCase(). - nó sẽ thực hiện f1(), trả về "this" và sẽ cố gắng gọi obj.toUpperCase().