Sử dụng thư viện trong JavaScript

Hãy cùng xem nguyên tắc chung của việc sử dụng thư viện. Giả sử chúng ta cần một thư viện với các hàm tiện lợi để làm việc với mảng. Giả sử chúng ta tìm kiếm và tìm thấy thư viện lodash.

Truy cập trang web của thư viện và tìm liên kết để tải xuống thư viện. Thông thường, thư viện được cung cấp ở hai dạng: dạng thông thường và dạng đã được thu nhỏ. Dạng thông thường tiện lợi nếu bạn muốn nghiên cứu mã nguồn của thư viện. Dạng thu nhỏ tiện lợi vì nó chiếm ít dung lượng hơn.

Vì vậy, hãy tìm liên kết tải xuống. Tải xuống thư viện. Đôi khi có trường hợp trong tài liệu đưa ra liên kết trực tiếp đến tệp JavaScript. Trong trường hợp này thay vì được tải xuống, tệp sẽ chỉ mở ra trong trình duyệt. Lúc đó, trong menu trình duyệt cần chọn lưu hoặc nhấn Ctrl + S và lưu thư viện dưới dạng tệp.

Thư viện đã tải xuống cần được kết nối với tệp HTML của bạn:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
	</head>
	<body>
	
	</body>
</html>

Thư viện được kết nối sẽ tạo ra một hoặc nhiều biến trong phạm vi chung (global). Trong trường hợp của lodash, biến đó được gọi là _. Bây giờ, hãy kết nối tệp của chúng ta (bên dưới phần kết nối thư viện), nơi chúng ta sẽ viết mã cho trang web của mình:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
		<script src="test.js"></script>
	</head>
	<body>
	
	</body>
</html>

Trong tệp này, biến toàn cục được tạo bởi thư viện lodash đã kết nối trước đó sẽ có sẵn:

console.log(_); // trong biến này là thư viện lodash

Hãy sử dụng một trong các phương thức của thư viện đã kết nối:

let res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);

Hãy tải xuống thư viện underscorejs. Kết nối nó với tệp HTML của bạn. Thử nghiệm một vài hàm từ thư viện này.