javascript - メソッド呼び出しをチェーンするにはどうすればよいですか?

Question

私はオブジェクトを持っています:

var mubsisapi = {
        step1   : function(){alert("a")}, 
        step2   : function(){alert("b")}
    }

$.extend(false, mubsisapi)
mubsisapi.step1().step2();

それは与えますstep1()が、与えませんstep2()。step2()警告を発しません。これどうやってするの？

Answer 1

JSON ではなく、JavaScript オブジェクトです。流暢ではありませんが、次のことができます。

var mubsisapi = {
        step1   : function(){alert("a"); return this;}, 
        step2   : function(){alert("b"); return this;}
    }

$.extend(false, mubsisapi)
mubsisapi.step1().step2();

Answer 2

this連鎖させたい場合は、関数から戻る必要があります。

Answer 3

はい、オブジェクトは次のようになります。

var mubsisapi = {
    step1   : function(){alert("a"); return this; }, 
    step2   : function(){alert("b"); return this; }
}

チェーンを許可するために自分自身を返します。

Answer 4

var mubsisapi = {
        step1   : function(){alert("a"); return mubsisapi;}, 
        step2   : function(){alert("b"); return mubsisapi;}
    }

Answer 5

関数呼び出しをチェーンすることはできません。それらを個別に呼び出す必要があります。

mubsisapi.step1();
mubsisapi.step2();

または、 step1 関数を変更して、チェーンできるようにすることもできます。

var mubsisapi = {
        step1   : function(){alert("a"); return mubsisapi;}, 
        step2   : function(){alert("b")}
    }

$.extend(false, mubsisapi)
mubsisapi.step1().step2();