Разница между require() и define() в RequireJS?

Одно основное отличие, которое раздражало меня в начале использования, заключалось в том, что define может никогда не вызываться.

Пока в файле есть только один define, он зарегистрирует этот модуль как доступный под этим именем файла. Однако модули define загружаются только после того, как функция require запрашивает каждый из них.

Определите: если вам нужен XXX, сначала загрузите эти другие вещи, а затем верните результат этой функции.

Требовать: Загрузите эти другие вещи, затем запустите эту функцию. (без "если")

Пример. Допустим, вы включили этот JS-файл на свою страницу:

// this is in company/welcomepage.js
define(['company/ui_library'],
    function(uiLib) {
        console.log('Welcome to {company}!');
    }
);

Если это единственный файл Javascript, вы можете открыть свою страницу, и в журнале консоли ничего не будет, несмотря на то, что скрипт говорит приветствовать пользователя. Однако это изменится, если где-то на странице или в другом скрипте вы вставите следующее:

require(['company/welcomepage'], function() {
    // optionally insert some other page-initialization logic here
});

Теперь страница будет отображать приветственное сообщение в консоли при загрузке.

Фактически, при наличии второго тега не было бы необходимости вручную включать welcomepage.js в качестве тега <script>; он загрузит его из своего местоположения, как только увидит запрос и поймет, что он ему нужен.

require и requirejs одинаковы.

require === requirejs // true

require — это способ загрузки определенного модуля. Например, чтобы загрузить модуль logger, я мог бы сделать:

require(["logger"], function(logger){
  logger.bla("S");
});

Здесь я вызываю require, указываю уже определенный модуль с именем logger и использую его, вызывая его метод bla.

define — это способ определения модуля. Например, чтобы определить модуль logger, я мог бы сделать:

// logger.js
define(function(){
  return {
    bla: function(x){
      alert(x);
    }
  }
});

Здесь я вызвал define и определил модуль logger. в этом модуле я вернул функцию bla, которую хочу раскрыть.

Иногда define очень похожа на exports, потому что define также может зависеть и использовать другие модули точно так же, как require может использовать другие модули. Позвольте мне показать вам тот же модуль logger, на этот раз с использованием модуля

// logger.js
define(["popup"], function(popup){
  return {
    bla: function(x){
      popup.show(x);
    }
  }
});

Здесь модуль регистратора I defined также имеет зависимость с именем popup, поэтому он выглядит как require.

Я считаю, что вы всегда используете определение для своих определений модулей. Для этого у вас есть несколько вариантов, вы можете определить модуль с его зависимостями в массиве в качестве первого аргумента для определения (как в опубликованном вами примере).

Или вы можете использовать упрощенную оболочку CommonJS, например:

define(function (require) {
    var otherModule = require('otherModule');
    return function () {
        return otherModule.operation();
    };
});

Возможно, вы перепутали формат зависимости службы JSONP, который использует require() для загрузки службу, а затем укажите define() в качестве обратного вызова JSONP, который в конечном итоге определит модуль после ответа службы.

Итак, в конце концов, вы используете define() для определения модулей и require() для их загрузки.

define — это то, как мы объявляем модуль в соответствии с форматом модуля AMD (существуют и другие доступные форматы модуля, такие как CommonJS, ES2015< /em>, System.register, UMD)