jquery - 関数を使用したグローバル変数アプローチ？

Question

このようなもののベストプラクティスは何か疑問に思っています。私はこの関数を持っています：それはいくつかの変数の変更を決定します

states = function(){
    if($('#Animation.switch.switchOff').length == 1){
        animationtoggle = 0;
    }
    else{
        animationtoggle = 1;
    }
    if($('#Autoscroll.switch.switchOff').length == 1){
        scrolltoggle = 1;
    }
    else{
        scrolltoggle = 0;
    }
}

そして今、私はそれらの変数に対してチェックする必要がある別のJSファイルを持っています、私は文字通りstates()他の関数の内部を実行しますか？毎回再チェックするように？

Answer 1

この目的のためにローカル変数を使用できます。次のようなものを試してください。

var states = function(){
    // set default values
    var animationtoggle = 0
        scrolltoggle  = 0;
    if($('#Animation.switch.switchOff').length != 1){
       animationtoggle = 1;
    }
    if($('#Autoscroll.switch.switchOff').length == 1){
        scrolltoggle = 1;
    }
    // return an object
    return  {
           animationtoggle: animationtoggle
           scrolltoggle: scrolltoggle
       };
}

states()次に、どこからでも関数を呼び出して、以下のように使用できます。

var states = states();
// get values like below
states.animationtoggle;
states.scrolltoggle;