Javascript scope help

Question

Я относительно новичок в javascript, поэтому, пожалуйста, будьте терпеливы, если то, что я прошу, абсолютно глупо!

Я пытаюсь сделать простой модуль. Внутри модуля я хочу иметь объект конфигурации, который содержит настройки для модуля. Я также использую jquery. Селекторы jquery работают только в том случае, если функция непосредственно находится в основном объекте/модуле.

Я понимаю, что у javascript есть функциональная область, поэтому я удивлен тем, что не могу использовать селектора jquery в любом месте внутри модуля.

EDIT: Я хочу, чтобы иметь возможность напрямую устанавливать все мои конфиги внутри объекта configs с помощью селекторов jquery. Таким образом, я держу все беспорядочные вещи внутри одного места и могу получить доступ к configs.whatever всюду по остальной части модуля. В настоящий момент селектора jquery не работают внутри модуля configs.

var OB = function() { 

    var configs = { 
     'mode' : 'test', 
     'numOfSelects' : $('.mySelect').find('select').length, // This doesnt work 
    } 

    var getMode = function() { 
     return configs.mode; 
    } 

    function init() { 
     alert(configs.numOfSelects); // This alerts 0 until the following line 
     alert($('.mySelect').find('select').length); // This correctly alerts 2 
    }; 

    var handlers = { 
     successHandler : function() { 
      alert("Success"); 
     }, 
     errorHandler : function() { 
      alert("error"); 
     } 
    } 

    return { 
     init : init, 
     getMode : getMode 
    } 

}(); 

$(document).ready(function(){ 
    OB.init(); 
}); 

Answer 1

Это не то, что JQuery не в объеме - это, что код не выполняется, когда вы думаете, , Переменная config определяется, когда выполняется эта анонимная функция (var OB = function() {}()). DOM еще не готов, так что обход DOM ничего не находит. Когда вы выполняете обход DOM в init(), это не выполняется до тех пор, пока оно явно не будет вызвано внутри обработчика $(document).ready(), после чего будет настроен DOM. Это разница, которую вы видите.

Answer 2

EDIT: Забавно, что мой первоначальный ответ ниже был неправильным, потому что я не заметил двух маленьких круглых скобок в конце определения OB, и оказывается, что это преступник. Вы определяете, а затем сразу вызываете OB, который находится перед полной загрузкой DOM. Удалите эти круглые скобки и внесите изменения, которые я предлагаю ниже.

Вызов OB() возвращает объект с init и getMode, но вы не заехали OB(), вы только называют OB. Попробуйте это вместо:

$(document).ready(function(){ 
    OB().init(); 
}); 

Кроме того, предполагается, что вы хотите позже обратиться к getMode. В частности, вы получите копию getMode, которая имеет доступ к той же локальной области, к которой имел доступ ваш вызов init(). Для достижения этой цели, вам нужно будет хранить результат вызова OB() для последующего использования:

var ob; 

$(document).ready(function(){ 
    ob = OB(); 
    ob.init(); 
}); 

function some_other_function() { 
    ... ob.getMode() ...; 
} 

Answer 3

OB() необходимо вызвать после полной загрузки DOM. Отсюда ответ Марсело, который вызывает OB() в методе ready().