メソッドを関数に追加するにはどうすればよいですか？

Question

は具体的に、どのように私は次のような、連鎖を許可するプロトタイプを書き込むことができます。

$('myDiv').html('Hello World').fadeIn('slow'); 

Answer 1

機能から適切なものを返すだけです。基本的な経験則は、何も返さずに何も返さず、代わりにthisを返すような方法です。

function Constructor(){}; 

Constructor.prototype = { 
    foo: function(){ 
     console.log('foo'); 
     return this; 
    }, 
    bar: function(x){ 
     console.log('bar', x); 
     return this; 
    } 
} 

var obj = new Constructor(); 
obj.foo().bar(17).bar(42).foo(); 

Answer 2

あなたが記述している技術がfluent interfaceと呼ばれ、それはすべてのチェーン可能関数からオブジェクトの同じ種類を返す必要とします。そのオブジェクトのプロトタイプには関数定義が含まれています。

リンクされた記事には、javascriptを含むさまざまな言語のサンプルコードが含まれています。

Answer 3

この特定の状況では、各メソッドはthisを返します。だから、：

// ... this has to be the most impractical class I've ever written, but it is a 
// great illustration of the point. 
var returner = new function() { 
    this.returnThis = function(){ 
     console.log("returning"); 
     return this 
    } 
} 
var ret2 = returner.returnThis().returnThis(). 
      returnThis().returnThis() // logs "returning" four times. 

console.log(ret2 == returner) // true 

Answer 4

チェーン例：

var avatar = function() { 

    this.turnLeft = function { 
     // some logic here 
     return this; 
    } 

    this.turnRight = function { 
     // some logic here 
     return this; 
    } 

    this.pickUpItem = function { 
     // some logic here 
     return this; 
    } 

}; 


var frodo = new avatar(); 
frodo.turnLeft().turnRight().pickUpItem();