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 -