私のobj関数を呼び出すのは正しい方法ではありませんか？

Question

私はオブジェクトを返す関数を持っています。オブジェクトには、ポップアップを表示して閉じる2つの関数があります。親関数内で動作しますが、外からではありません。それを呼び出す正しい方法ではありません。elseどうすれば外側からobj関数を呼び出すことができますか？

私の機能：

var popupHandler = function(handler,msg,popUp){ 

    msg = msg == "help" ? "help" : "results" 
    $(handler).click(function(){ 
     popObj.showPop(); //works 
    }) 
    $('.cls-how2play').click(function(){ 
     if(msg == 'help') popObj.closePop(); //works 
    }); 

    var popObj = { 
     showPop : function(){ 
        if(!(popUp).is(':visible')) $(popUp).fadeIn().children().find('.'+msg).show().siblings().hide(); 
       }, 
     closePop : function(){ 
        $(popUp).fadeOut() 
       } 
    } 
    return popObj; 
} 

からは次のようにouside呼び出す：

$('.ui-footer').click(function(){ 
    var closeIt = popupHandler(); 
    closeIt.popObj.closePop() }) //not works.. why? 
} 

いずれかは私に返す関数の外側からOBJ関数を呼び出すための正しい方法を助けることができますか？

ありがとうございました。

Answer 1

をあなたはpopObjを返却すると、あなたのcloseIdはpopObjオブジェクトに包まれていない、2つのだけの機能を取得します。そのため、あなたはpopObjせずに、そのような関数を呼び出します：

closeIt.closePop(); 

Answer 2

よりもむしろ

closeIt.popObj.closePop() 

あなたはそれにshowPopとclosePop機能を持っていpopObjオブジェクトを返し

closeIt.closePop() 

あなたpopupHandler機能が欲しいです。だからcloseItは同じオブジェクトへの参照です。

Answer 3

あなただけ呼び出す必要があります：

closeIt.closePop(); 

Answer 4

あなたはすぐにそれを返すので、オブジェクトでこれをラップする必要はありません。

あなたは今

return{ 
showPop : function(){ 
        if(!(popUp).is(':visible')) $(popUp).fadeIn().children().find('.'+msg).show().siblings().hide(); 
       }, 
     closePop : function(){ 
        $(popUp).fadeOut() 
       } 
} 

closeIt.closePop();を書くことができ、非常にうまく動作するはずです。

Answer 5

として私はでき

popupHandlerは関数であり、

var closeIt = popupHandler(); 

へのプログラムの実行は、それがあることを意味するときpopObjは "popupHandler"

関数の戻り値の結果であるC」関数 "popupHandler"の結果によって割り当てられた "closeIt"であり、objは "popObj"と同じものである。

"closeIt"は "popObj"のコピーであると考えることができます。

"popObj"は "closeIt"のプロパティではなく、同じものです。

ので、あなたがcloseIt.closePopをコーディングする必要があります（）ではなく、closeIt.popObj.closePop（）、同様

なくpopObj.closePop（）。

popObjがpopupHandlerの宣言で "var"されていたため、そのスコープに属していました。