RequireJS - 定义函数

define()函数可用于加载模块（模块可以是对象、函数、类或加载模块后执行的代码）。你可以在同一页面上加载同一模块的不同版本。即使按不同顺序加载，也可以按相同顺序分析不同的版本。

语法

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

在定义模块时可以传递一列模块名称，并且在执行模块之前，RequireJS 可用于检索这些模块。这些模块可以作为定义函数的参数进行传递。

示例

以下示例显示了加载模块时define() 函数的用法。使用index.html名称创建 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>

创建一个main.js名称的js文件，并添加以下代码 −

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

现在，再创建两个team.js和player.js名称的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 文件；你会看到一个输出，如下面的截图所示 −

单击“OK”按钮，你将获得另一个来自模块的输出 −

打印页面

上一个

下一个