RequireJS - Funktion definieren
Die Funktion define () kann zum Laden der Module verwendet werden (Modul kann ein Objekt, eine Funktion, eine Klasse oder ein Code sein, der nach dem Laden eines Moduls ausgeführt wird). Sie können verschiedene Versionen desselben Moduls auf derselben Seite laden. Die verschiedenen Versionen können in derselben Reihenfolge analysiert werden, auch wenn sie in einer anderen Reihenfolge geladen werden.
Syntax
define(['module1', 'module2'], function (module1, module2) {
//define the module value by returning a value
return function () {};
});
Sie können eine Liste von Modulnamen übergeben, wenn Sie ein Modul definieren, und RequireJS kann verwendet werden, um diese Module vor dem Ausführen des Moduls abzurufen. Diese Module können als Parameter der übergeben werdendefinition function.
Beispiel
Das folgende Beispiel zeigt die Verwendung der Funktion define () beim Laden der Module. Erstellen Sie eine HTML-Datei mit dem Namen index.html und fügen Sie den folgenden Code ein:
<!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>
Ein ... kreieren jsDatei mit dem Namen main.js und fügen Sie den folgenden Code hinzu -
define(function (require) {
var myteam = require("./team");
var mylogger = require("./player");
alert("Player Name : " + myteam.player);
mylogger.myfunc();
});
Erstellen Sie jetzt zwei weitere jsDateien mit den Namen team.js und player.js und platzieren Sie den folgenden Code -
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);
}
};
});
Ausgabe
Öffnen Sie die HTML-Datei in einem Browser. Sie erhalten eine Ausgabe wie im folgenden Screenshot -
Klicken Sie auf die Schaltfläche "OK", Sie erhalten eine weitere Ausgabe von Modulen -