RequireJS - определение функции

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

Синтаксис

define(['module1', 'module2'], function (module1, module2) {
   //define the module value by returning a value
   return function () {};
});

Вы можете передать список имен модулей при определении модуля, и RequireJS можно использовать для извлечения этих модулей перед выполнением модуля. Эти модули могут быть переданы как параметрыdefinition function.

пример

В следующем примере показано использование функции define () при загрузке модулей. Создайте html-файл с именем index.html и поместите в него следующий код -

<!DOCTYPE html>
<html>
   <head>
      <title>Define() Function</title>
      <script data-main = "main" src = "require.js"></script>
   </head>
   
   <body>
      <h2>RequireJS Define() Function Example</h2>
   </body>
</html>

Создать jsфайл с именем main.js и добавьте в него следующий код -

define(function (require) {
   var myteam = require("./team");
   var mylogger = require("./player");
   alert("Player Name : " + myteam.player);
   mylogger.myfunc();
});

Теперь создайте еще два jsфайлы с именами team.js и player.js и поместите следующий код соответственно:

team.js

define({
   player: "Sachin Tendulkar",
   team : "India"
});

player.js

define(function (require) {
   var myteam = require("./team");

   return {
      myfunc: function () {
         document.write("Name: " + myteam.player + ", Country: " + myteam.team);
      }
   };
});

Вывод

Откройте HTML-файл в браузере; вы получите результат, как на следующем снимке экрана -

Нажмите на кнопку «ОК», вы получите еще один вывод из модулей -