Requirejs domReady plugin vs Jquery $(документ).готов()?

попытка ответить на ваш главный вопрос:

почему requirejs предоставляет domReady плагин, когда мы можем иметь jquery $(document).ready();?

они делают две разные вещи, на самом деле. RequireJS'domReady зависимость означает, что этот модуль требует полной загрузки DOM перед его запуском (и поэтому может быть найден в любом количестве модулей в вашем приложении, если вы этого хотите), в то время как $(document).ready() вместо этого запускает функции обратного вызова когда DOM закончит загрузку.

разница может показаться тонкой, но подумайте об этом: у меня есть модуль, который должен быть каким-то образом связан с DOM, поэтому я могу зависеть от domReady и соедините его во время определения модуля, или поставьте $(document).ready() в конце его с обратным вызовом функции init для модуля. Я бы назвал первый подход чище.

между тем, если у меня есть событие, которое должно произойти прямо, как DOM готов, то $(document).ready() событие будет go-to, поскольку это, в частности, не зависит от выполнения модулей загрузки RequireJS, при условии, что выполняются зависимости кода, из которого вы его вызываете.

также стоит учитывать, что вы не обязательно используете RequireJS с jQuery. Любой библиотечный модуль, который нуждается в доступе DOM (но не полагается на jQuery), будет по-прежнему полезен с помощью domReady.

отвечая на ваши пули в порядок внешний вид:

• Они оба делают то же самое
• Если у вас есть оговорки о jquery по какой-либо причине, то используйте domReady
• правильно, так что просто используйте jQuery
• потому что не все используют jQuery
• Я согласен, просто используйте jQuery
• Плагины по определению 'кормить надо'.
• Кросс-браузер ajax-это не вещь. Кросс-Домен? Вероятно, есть, и если есть нет, то есть нет необходимости, чтобы накормить.
• , -, -, - ОК

когда дело доходит до этого, вы слишком много думаете об этом. Это механизм для выполнения javascript на domReady. Если бы у вас не было jQuery, я бы защищал плагин domReady. Поскольку у вас есть jQuery, то не загружайте больше скриптов, чтобы сделать что-то, что уже доступно.

Обновить Ясности

плагин domReady собирает функций, чтобы позвонить, когда документ "готов". Если он уже загружен, то они выполняются немедленно.

JQuery собирает функции и связывает a отложенный объект чтобы дом был "готов". Когда dom будет готов, отложенный объект будет разрешен, и функции будут запущены. Если dom уже "готов", то отложенный уже будет разрешен, поэтому функция будет выполняться немедленно.

Это означает, что фактически они делают то же самое.

после некоторых экспериментов с requirejs с несколькими модулями я предлагаю использовать domReady.

Я заметил, что функция, связанная с $(документ).готовый.(..) не вызывается, когда несколько модулей загружаются requirejs. Я подозреваю, что dom готовится до того, как будет выполнен весь код requirejs, и обработчик обратного вызова jQuery ready вызывается до того, как он будет связан с пользовательской функцией, т. е. в коде основного модуля.

require(['jquery',
    'underscore',
    'text!some_template.html',
    './my_module_1',
    './my_module_2',
    'domReady',
    'other_dependency_1',
    'other_dependency_2'
    ], function($, _, someTemplate, myModule1, myModule2, domReady) {

    $(document).ready(function() {
        console.info('This might never be executed.'); 
        console.info('Dom might get ready before requirejs would load modules.');
    });

    domReady(function () {
        console.info('This runs when the dom gets ready and modules are loaded.');
    });
});

Я обнаружил, что делаю это как часть основной записи, чтобы весь мой javascript был гарантирован, что DOM готов и jQuery загружен. Не уверен, насколько это здорово, поэтому приветствую любую обратную связь, но вот моя главная.js:

require(['domReady!'], function(domReady){
    console.log('dom is ready');
    require(['jquery', 'bootstrap'], function(){
        console.log('jquery loaded');
        require(['app'], function(app){
            console.log('app loaded');
        });
    });
});