Bạn đang xem: Requirejs là gì
quý khách vẫn xem: Requirejs là gì
Định nghĩa mô-đun Async (AMD) Đầu tiên
Bạn tất yêu bắt đầu nói về RequireJS nhưng mà không đề cùa tới những mô-đun JavaScript là gì và AMD là gì.
Các mô-đun JavaScript chỉ với các đoạn mã tuân thủ theo đúng SRP (Nguyên tắc trách nhiệm 1-1 lẻ) với hiển thị API công khai. Trong trở nên tân tiến JavaScript ngày này, các bạn gói gọn tương đối nhiều công dụng bên trong những mô-đun cùng vào phần nhiều các dự án công trình, từng mô-đun vĩnh cửu trong tệp riêng biệt của chính nó. Điều đó tạo cho cuộc sống của các đơn vị cách tân và phát triển JavaScript khó khăn rộng một chút vì bọn họ phải liên tiếp theo dõi sự phụ thuộc vào giữa những mô-đun cùng tải những mô-đun theo một sản phẩm công nghệ từ bỏ cụ thể hoặc trường hợp không tồn tại lỗi trong thời hạn chạy.
khi bạn có nhu cầu mua những mô-đun JavaScript, bạn sử dụng các thẻ script. Để cài đặt nhờ vào mô-đun, bạn cần thiết lập dựa vào trước cùng sau đó nhờ vào. Lúc sử dụng thẻ script, bạn phải thu xếp thiết lập chúng theo vật dụng từ cụ thể đó với các script sẽ được thiết lập đồng điệu. Bạn có thể thực hiện các từ khóa async cùng defer để triển khai mang đến cài đặt ko nhất quán tuy vậy chúng ta có thể mất lắp thêm từ bỏ download trong quy trình. Một tùy lựa chọn không giống là gói tất cả những tập lệnh dẫu vậy các bạn vẫn rất cần được sắp xếp chúng theo như đúng lắp thêm từ bỏ trong quá trình gói.
AMD là toàn bộ về việc khẳng định những mô-đun Theo phong cách cơ mà mô-đun với những phụ thuộc vào của chính nó rất có thể được cài đặt không nhất quán và theo như đúng lắp thêm từ.
CommonJS , là một trong những nỗ lực cố gắng để chuẩn chỉnh hóa các mẫu mã JavaScript phổ cập, bao gồm một định nghĩa AMD mà lại tôi khuyến nghị bạn đọc trước khi bạn tiếp tục bài viết này. Trong ECMAScript 6, thông số kỹ thuật JavaScript vNext, gồm những thông số kỹ thuật nghệ thuật mang đến xuất, nhập với mô-đun vẫn là 1 phần của ngôn ngữ JavaScript mà lại chỉ về sau gần. Đây là khu vực RequireJS sẽ bước vào mẩu chuyện của công ty chúng tôi.
Yêu cầuJS?
RequireJS là một trong những tệp JavaScript với form mô-đun có thể được thiết lập xuống trường đoản cú http : //requirejs.org / hoặc bằng cách sử dụng Nuget, nếu bạn làm việc vào môi trường Visual Studio. Nó được hỗ trợ cả những trình lưu ý với vào môi trường máy chủ như Node.js . Sử dụng RequireJS, các bạn sẽ chỉ download những phụ thuộc vào mô-đun có tương quan theo như đúng sản phẩm trường đoản cú của chúng.
Những gì RequireJS vẫn làm cho khi bạn thực hiện nó là tạo ra những thẻ script đến từng dựa vào mà các bạn đã khẳng định và mua các phụ thuộc kia một giải pháp hối hả bằng phương pháp thực hiện hàm head.appendChild () . Sau kia, sau thời điểm những phụ thuộc được tải, RequireJS đã tìm kiếm đúng thiết bị từ bỏ để xác định những mô-đun và sẽ điện thoại tư vấn từng khái niệm mô-đun theo như đúng sản phẩm từ bỏ đó. Điều kia Tức là các bạn chỉ việc một root nhằm sở hữu tổng thể công dụng mà lại bạn phải với RequireJS đã làm cho phần còn lại. Để áp dụng công dụng kia phù hợp, các bạn sẽ đề xuất xác minh từng mô-đun của bản thân bằng API RequireJS nếu không đang không tồn tại gì hoạt động nlỗi ước ao đợi.
Xem thêm: Hướng Dẫn Cách Kiểm Tra Office 2016 Đã Active Chưa ? Làm Sao Để Biết Office Đã Active Chưa
API RequireJS mãi mãi bên phía trong không khí thương hiệu requestjs được sở hữu khi bạn mua tập lệnh RequireJS. RequireJS bao gồm bố hàm API chính:
định nghĩa – tác dụng được sử dụng nhằm xác minh một mô-đun. Mỗi mô-đun được khẳng định với cùng 1 ID mô-đun độc nhất vô nhị sẽ được sử dụng vị chức năng thời hạn chạy RequireJS. Hàm xác định là 1 trong những hàm toàn bộ cùng các bạn ko cần áp dụng nó với không khí tên requestjs . yêu thương cầu – công dụng được thực hiện nhằm download các dựa vào cần thiết. Đây là một trong công dụng toàn cầu với bạn không cần phải áp dụng nó cùng với không khí tên requestjs . cấu hình – tính năng được thực hiện để thông số kỹ thuật các requirejs tính năng thời hạn chạy.
Sau kia, Cửa Hàng chúng tôi đang soát sổ bí quyết thực hiện các tính năng kia, nhưng trước tiên hãy đọc phương pháp ban đầu quy trình sở hữu RequireJS.
Thuộc tính dữ liệu chính
Lúc các bạn đã cài đặt xuống RequireJS, điều thứ nhất cần có tác dụng sau khi bạn đặt tập lệnh của chính nó vào chiến thuật của bạn là phát âm phương pháp RequireJS ban đầu vận động. khi RequireJS được cài, nó tra cứu kiếm một tập lệnh tất cả nằm trong tính data-main (nó bắt buộc là cùng một tập lệnh cùng với trực thuộc tính src được đặt nhằm mua RequireJS). Các tài liệu chính phải được tùy chỉnh cấu hình nhằm các các đại lý Url đến tất cả các kịch bản. Từ Url cửa hàng, RequireJS đã ban đầu tải tất cả các mô-đun bao gồm liên quan. Dưới đây là ví dụ về thẻ script với thuộc tính data-main :
Một bí quyết khác để khẳng định Url các đại lý là thực hiện tính năng cấu hình nhưng mà họ đang thấy về sau. RequireJS giả định rằng toàn bộ những phụ thuộc là những tập lệnh yêu cầu khi chúng ta khai báo một phụ thuộc, chúng ta không cần phải áp dụng hậu tố .js.
Chức năng cấu hình
Nếu bạn có nhu cầu đổi khác những quý giá cấu hình RequireJS mặc định bằng các thông số kỹ thuật của riêng biệt các bạn, bạn có thể triển khai điều ấy bằng phương pháp sử dụng hàm requestjs.config . Hàm cấu hình cảm nhận một đối tượng tùy lựa chọn hoàn toàn có thể bao hàm tương đối nhiều tùy lựa chọn cấu hình. Dưới đây là một số thông số kỹ thuật mà chúng ta có thể sử dụng:
baseUrl – đường dẫn gốc nhằm ban đầu cài đặt những mô-đun. mặt đường dẫn – ánh xạ đường truyền cho các mô-đun không lâu dài vào cơ sởUrl shims – thông số kỹ thuật cho những dựa vào, xuất cùng tác dụng khởi sản xuất nhằm bọc những tập lệnh / mô-đun ko sử dụng công dụng xác định RequireJS . Ví dụ: trường hợp thư viện gạch bên dưới không thực hiện tính năng xác định RequireJS và chúng ta vẫn mong muốn sử dụng nó cùng với RequireJS, bạn sẽ cần xác định nó là 1 shyên ổn trong công dụng cấu hình . deps – mảng dựa vào để sở hữu.
Dưới đây là một ví dụ về Việc áp dụng tác dụng cấu hình :
require.config( //By default load any module IDs from scripts/phầm mềm baseUrl: “scripts/app”, //except, if the module ID starts with “lib” paths: lib: “../lib” , // load backbone as a shim shim: “backbone”: //The underscore script dependency should be loaded before loading backbone.js deps: , // use the global “Backbone” as the module name. exports: “Backbone” );Url đại lý vào ví dụ được đặt thành script / áp dụng, hầu hết mô-đun bước đầu bởi lib được cấu hình để được thực hiện trường đoản cú tlỗi mục scripts / lib với xương sinh sống được mua dưới dạng shim với các phụ thuộc.
Xác định mô-đun bởi RequireJS
Các mô-đun chỉ nên các đối tượng người dùng bao gồm phạm vi xuất sắc trưng bày API cùng gói gọn các phần bên phía trong của bọn chúng. Để xác định mô-đun, RequireJS trưng ra công dụng xác định . Chỉ đề nghị tất cả một cuộc Điện thoại tư vấn nhằm xác định trong những tệp JavaScript theo quy ước. Hàm định nghĩa thừa nhận một mảng những phụ thuộc vào cùng một hàm sẽ lưu lại toàn bộ những tư tưởng mô-đun. Theo quy ước, hàm khái niệm mô-đun thừa nhận bên dưới dạng tđắm đuối số tất cả các nhờ vào trước kia với theo trang bị từ bỏ chúng được cung cấp vào mảng. lấy một ví dụ, đấy là một khái niệm mô-đun đối kháng giản:
define(, function(logger) return firstName: “John”, lastName: “Black“, sayHello: function () logger.log(‘hello’); );Như bạn có thể thấy, một mảng được truyền cho hàm định nghĩa với 1 phụ thuộc vào logger nhưng trong tương lai được sử dụng vào mô-đun. Ngoài ra, chúng ta cũng có thể thấy rằng vào hàm quan niệm mô-đun gồm một tyêu thích số điện thoại tư vấn là logger sẽ tiến hành đặt thành mô-đun logger được mua. Mỗi mô-đun đã trả về API của nó, vào trường phù hợp này là hai thuộc tính (FirstName và LastName) và một hàm (sayHello). Sau này, nếu các bạn sẽ cài mô-đun này dưới dạng dựa vào mô-đun không giống với id mô-đun, bạn sẽ hoàn toàn có thể sử dụng API được hiển thị.
Sử dụng Hàm yêu thương cầu
Một tính năng có ích không giống vào RequireJS là công dụng yêu cầu . Hàm yêu thương cầu được sử dụng nhằm download các phụ thuộc vào cơ mà không đề nghị tạo nên mô-đun. ví dụ như, đó là biện pháp thực hiện hàm thử khám phá xác minh hàm kinh nghiệm jQuery hoạt động:
require(, function ($) //jQuery was loaded and can be used now);
Tóm lược
Trong bài xích đăng tôi đã trình làng RequireJS, một trong số những tlỗi viện nhưng mà tôi đang sử dụng vào hầu hết dự án áp dụng JavaScript. Khác tiếp nối chỉ cần thiết lập các dựa vào mô-đun với theo vật dụng tự tất cả tương quan, RequireJS góp viết mã JavaScript mô-đun rất có thể gia hạn và tái áp dụng nhiều hơn nữa.
