RequireJS - Mendefinisikan Fungsi
Fungsi define () dapat digunakan untuk memuat modul (modul dapat berupa objek, fungsi, kelas, atau kode yang dijalankan setelah memuat modul). Anda dapat memuat versi berbeda dari modul yang sama di halaman yang sama. Versi yang berbeda dapat dianalisis dalam urutan yang sama, meskipun versi dimuat dalam urutan yang berbeda.
Sintaksis
define(['module1', 'module2'], function (module1, module2) {
//define the module value by returning a value
return function () {};
});
Anda dapat memberikan daftar nama modul saat Anda menentukan modul dan RequireJS dapat digunakan untuk mengambil modul ini sebelum menjalankan modul. Modul-modul ini dapat dilewatkan sebagai parameter daridefinition function.
Contoh
Contoh berikut menunjukkan penggunaan fungsi define () saat memuat modul. Buat file html dengan nama index.html dan tempatkan kode berikut di dalamnya -
<!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>
Membuat jsfile dengan nama main.js dan tambahkan kode berikut di dalamnya -
define(function (require) {
var myteam = require("./team");
var mylogger = require("./player");
alert("Player Name : " + myteam.player);
mylogger.myfunc();
});
Sekarang, buat dua lagi jsfile dengan nama team.js dan player.js dan tempatkan kode berikut masing-masing -
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);
}
};
});
Keluaran
Buka file HTML di browser; Anda akan menerima output seperti pada tangkapan layar berikut -
Klik pada tombol "OK", Anda akan mendapatkan keluaran lain dari modul -