RequireJS - define 函数
define() 函数可用于加载模块(模块可以是对象、函数、类或在加载模块后执行的代码)。您可以在同一页面中加载同一模块的不同版本。即使以不同的顺序加载,也可以按相同的顺序分析不同版本。
语法
define(['module1', 'module2'], function (module1, module2) { //通过返回值定义模块值 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(); });
现在,再创建两个 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 文件;您将收到如下图所示的输出 −

单击"确定"按钮,您将获得模块的另一个输出 −
