RequestJS - Chức năng xác định

Hàm define () có thể được sử dụng để tải các mô-đun (mô-đun có thể là một đối tượng, hàm, lớp hoặc một mã được thực thi sau khi tải một mô-đun). Bạn có thể tải các phiên bản khác nhau của cùng một mô-đun trong cùng một trang. Các phiên bản khác nhau có thể được phân tích theo cùng một thứ tự, ngay cả khi chúng được tải theo một thứ tự khác.

Cú pháp

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

Bạn có thể chuyển một danh sách tên mô-đun khi bạn xác định một mô-đun và RequestJS có thể được sử dụng để truy xuất các mô-đun này trước khi thực thi mô-đun. Các mô-đun này có thể được chuyển dưới dạng tham số củadefinition function.

Thí dụ

Ví dụ sau đây cho thấy việc sử dụng hàm define () trong khi tải các mô-đun. Tạo tệp html với tên index.html và đặt mã sau vào đó:

<!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>

Tạo một jstệp với tên main.js và thêm mã sau vào đó:

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

Bây giờ, hãy tạo thêm hai jstệp có tên team.jsplayer.js và đặt mã sau tương ứng:

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);
      }
   };
});

Đầu ra

Mở tệp HTML trong trình duyệt; bạn sẽ nhận được đầu ra như trong ảnh chụp màn hình sau:

Nhấp vào nút "OK", bạn sẽ nhận được một đầu ra khác từ các mô-đun -