Hỏi đáp

Requirejs Là Gì – Bắt Đầu Với Thư Viện Requirejs – viettingame

Một trong những thư viện JavaScript được sử dụng phổ cập nhất hiện nay là RequireJS. Trong mọi dự án công trình mà tôi tham gia sắp phía trên, công ty chúng tôi sử dụng RequireJS hoặc tôi khuyến nghị để thêm RequireJS. Trong nội dung bài viết này tôi sẽ mô tả RequireJS là gì và một vài trường hợp cơ bạn dạng của nó.

Đang xem: Requirejs là gì

Định nghĩa mô-đun Async (AMD) Trước nhất

Các bạn ko thể chính thức nói về RequireJS mà ko đề cập tới những mô-đun JavaScript là gì và AMD là gì.

Những mô-đun JavaScript chỉ là những đoạn mã tuân theo SRP (Nguyên tắc trách nhiệm đơn lẻ) và hiển thị API công khai minh bạch. Trong phát triển JavaScript ngày này, các bạn gói gọn rất nhiều tác dụng bên trong những mô-đun và trong hầu hết những dự án công trình, mỗi mô-đun tồn tại trong tệp riêng của nó. Điều đó làm cho cuộc sống đời thường của những nhà phát triển JavaScript khó khăn hơn một chút vì như thế họ cần liên tục theo dõi sự phụ thuộc giữa những mô-đun và tải những mô-đun theo một thứ tự rõ ràng hoặc nếu không tồn tại lỗi trong thời hạn chạy.

Lúc mình muốn tải những mô-đun JavaScript, các bạn sử dụng những thẻ script. Để tải phụ thuộc mô-đun, các bạn cần tải phụ thuộc trước và sau đó phụ thuộc. Lúc sử dụng thẻ script, các bạn cần sắp xếp tải chúng theo thứ tự rõ ràng đó và những script sẽ được tải đồng điệu. Các bạn mà thậm chí sử dụng những từ khóa async và defer để làm cho tải ko đồng điệu nhưng các bạn mà thậm chí mất thứ tự tải trong quy trình. Một tùy tìm khác là gói toàn bộ những tập lệnh nhưng các bạn vẫn cần phải sắp xếp chúng tuân thủ theo đúng thứ tự trong quy trình gói.

AMD là toàn bộ về việc xác định những mô-đun theo cách mà mô-đun và những phụ thuộc của nó mà thậm chí được tải ko đồng điệu và tuân thủ theo đúng thứ tự.

CommonJS , là một nỗ lực để chuẩn chỉnh hóa những mẫu JavaScript phổ cập, bao hàm một định nghĩa AMD mà tôi khuyến khích các bạn đọc trước lúc các bạn kế tiếp nội dung bài viết này. Trong ECMAScript 6, thông số kỹ thuật kỹ thuật JavaScript vNext, mang những thông số kỹ thuật kỹ thuật cho xuất, nhập và mô-đun sẽ là một phần của ngôn từ JavaScript nhưng chỉ trong tương lai sắp. Phía trên là nơi RequireJS đang bước vào mẩu truyện của công ty chúng tôi.

Yêu cầuJS?

RequireJS là một tệp JavaScript và khung mô-đun mà thậm chí được tải xuống từ http : //requirejs.org / hoặc bằng phương pháp sử dụng Nuget, nếu như bạn thao tác trong môi trường xung quanh Visual Studio. Nó được hỗ trợ cả những trình duyệt và trong môi trường xung quanh sever như Node.js . Sử dụng RequireJS, các bạn sẽ chỉ tải những phụ thuộc mô-đun mang liên quan tuân thủ theo đúng thứ tự của chúng.

Xem thêm: Sửa Lỗi Office 2013 Bị Treo Ko Mở File, Sửa Lỗi Word, Excel 2013 Bị Treo Ko Mở File

Những gì RequireJS đang làm lúc các bạn sử dụng nó là tạo những thẻ script cho từng phụ thuộc mà các bạn đã xác định và tải những phụ thuộc đó một cách nhanh gọn lẹ bằng phương pháp sử dụng hàm head.appendChild () . Sau đó, sau lúc những phụ thuộc được tải, RequireJS sẽ tìm đúng thứ tự để xác định những mô-đun và sẽ gọi từng định nghĩa mô-đun tuân thủ theo đúng thứ tự đó. Điều đó tức là các bạn chỉ việc một root để tải toàn bộ tác dụng mà các bạn cần và RequireJS sẽ làm phần còn sót lại. Để sử dụng tác dụng đó thích nghi, các bạn sẽ phải xác định từng mô-đun của tớ bằng API RequireJS nếu ko sẽ không tồn tại gì sinh hoạt như mong đợi.

API RequireJS tồn tại bên trong không khí tên requestjs được tải lúc các bạn tải tập lệnh RequireJS. RequireJS bao hàm ba hàm API chính:

định nghĩa – tác dụng được sử dụng để xác định một mô-đun. Mỗi mô-đun được xác định với một ID mô-đun duy nhất sẽ được sử dụng bởi tác dụng thời hạn chạy RequireJS. Hàm xác định là một hàm toàn cục và các bạn ko cần sử dụng nó với không khí tên requestjs . yêu cầu – tác dụng được sử dụng để tải những phụ thuộc quan trọng. Phía trên là một tác dụng toàn thế giới và các bạn không nhất thiết phải sử dụng nó với không khí tên requestjs . thông số kỹ thuật – tác dụng được sử dụng để thông số kỹ thuật những requirejs tác dụng thời hạn chạy.

Sau đó, công ty chúng tôi sẽ kiểm tra cách sử dụng mọi chức năng đó, nhưng trước tiên hãy hiểu cách chính thức quy trình tải RequireJS.

Thuộc tính dữ liệu chính

Lúc các bạn đã tải xuống RequireJS, điều trước nhất cần làm sau lúc các bạn đặt tập lệnh của nó vào giải pháp của người sử dụng là hiểu cách RequireJS chính thức sinh hoạt. Lúc RequireJS được tải, nó tìm kiếm một tập lệnh mang thuộc tính data-main (nó phải là cùng một tập lệnh với thuộc tính src được đặt để tải RequireJS). Những dữ liệu chính nên được thiết lập để những trung tâm Url cho toàn bộ những kịch bạn dạng. Từ Url trung tâm, RequireJS sẽ chính thức tải toàn bộ những mô-đun mang liên quan. Dưới phía trên là ví dụ về thẻ script với thuộc tính data-main :

Một cách khác để xác định Url trung tâm là sử dụng tác dụng thông số kỹ thuật mà chúng ta sẽ thấy sau này. RequireJS giả định rằng toàn bộ những phụ thuộc là những tập lệnh nên lúc các bạn khai báo một phụ thuộc, các bạn không nhất thiết phải sử dụng hậu tố .js.

Tính năng thông số kỹ thuật

Nếu mình muốn thay đổi những giá trị thông số kỹ thuật RequireJS mặc định bằng những thông số kỹ thuật của riêng các bạn, các bạn mà thậm chí tiến hành điều đó bằng phương pháp sử dụng hàm requestjs.config . Hàm thông số kỹ thuật nhận được một đối tượng người dùng tùy tìm mà thậm chí bao hàm rất nhiều tùy tìm thông số kỹ thuật. Dưới phía trên là một vài thông số kỹ thuật mà các bạn mà thậm chí sử dụng:

baseUrl – truyền dẫn gốc để chính thức tải những mô-đun. truyền dẫn – ánh xạ truyền dẫn cho những mô-đun ko tồn tại trong cơ sởUrl shims – thông số kỹ thuật cho những phụ thuộc, xuất và tác dụng khởi tạo để bọc những tập lệnh / mô-đun ko sử dụng tác dụng xác định RequireJS . Ví dụ: nếu thư viện gạch dưới ko sử dụng tác dụng xác định RequireJS và các bạn vẫn muốn sử dụng nó với RequireJS, các bạn sẽ phải xác định nó là một shim trong tác dụng thông số kỹ thuật . deps – mảng phụ thuộc để tải.

Dưới phía trên là một ví dụ về việc sử dụng tác dụng thông số kỹ thuật :

require.config({ //By default load any module IDs from scripts/app 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 trung tâm trong ví dụ được đặt thành script / ứng dụng, mọi mô-đun chính thức bằng lib được thông số kỹ thuật để được sử dụng từ thư mục scripts / lib và xương sống được tải dưới dạng shim với những phụ thuộc.

Xác định mô-đun bằng RequireJS

Những mô-đun chỉ là những đối tượng người dùng mang phạm vi tốt trưng bày API và đóng gói những Phần bên trong của chúng. Để xác định mô-đun, RequireJS trưng ra tác dụng xác định . Chỉ nên mang một cuộc gọi để xác định trong những tệp JavaScript theo quy ước. Hàm định nghĩa nhận một mảng những phụ thuộc và một hàm sẽ giữ lại được toàn bộ những định nghĩa mô-đun. Theo quy ước, hàm định nghĩa mô-đun nhận dưới dạng tham số toàn bộ những phụ thuộc trước đó và theo thứ tự chúng được hỗ trợ trong mảng. Ví dụ, phía trên là một định nghĩa mô-đun giản dị:

define(, function(logger) { return { firstName: “John”, lastName: “Black“, sayHello: function () { logger.log(‘hello’); } } });Như các bạn mà thậm chí thấy, một mảng được truyền cho hàm định nghĩa với một phụ thuộc logger mà sau này được sử dụng trong mô-đun. Ngoài ra, các bạn mà thậm chí thấy rằng trong hàm định nghĩa mô-đun mang một tham số gọi là logger sẽ được đặt thành mô-đun logger được tải. Mỗi mô-đun sẽ trả về API của nó, trong trường 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ẽ tải mô-đun này dưới dạng phụ thuộc mô-đun khác với id mô-đun, các bạn sẽ mà thậm chí sử dụng API được hiển thị.

Xem thêm: Phần Mềm Synaptics Pointing Device Driver Là Gì, Syntp Là Gì

Sử dụng Hàm yêu cầu

Một tác dụng hữu ích khác trong RequireJS là tác dụng yêu cầu . Hàm yêu cầu được sử dụng để tải những phụ thuộc mà ko cần tạo mô-đun. Ví dụ, phía trên là cách sử dụng hàm yêu cầu xác định hàm yêu cầu jQuery sinh hoạt:

require(, function ($) { //jQuery was loaded and can be used now});

Tóm lược

Trong bài đăng tôi đã ra mắt RequireJS, một trong những thư viện mà tôi đang sử dụng trong mọi dự án công trình ứng dụng JavaScript. Khác sau đó chỉ việc tải những phụ thuộc mô-đun và theo thứ tự mang liên quan, RequireJS giúp viết mã JavaScript mô-đun mà thậm chí duy trì và tái sử dụng nhiều hơn thế.

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

Email của bạn sẽ không được hiển thị công khai.