JavaScript'te Kütüphane Kullanımı

Kütüphanelerin genel kullanım prensibine bir göz atalım. Diyelim ki dizilerle çalışmak için kullanışlı fonksiyonlara sahip bir kütüphaneye ihtiyacımız var. Diyelim ki arama yaptık ve lodash kütüphanesini bulduk.

Kütüphanenin web sitesine girip kütüphaneyi indirme linklerini arıyoruz. Genellikle, kütüphaneler iki şekilde sunulur: normal ve minified (küçültülmüş). Normal versiyon, kütüphanenin kaynak kodunu incelemek istiyorsanız kullanışlıdır. Minified versiyonun avantajı ise daha az yer kaplamasıdır.

Böylece, indirme linkini arıyoruz. Kütüphaneyi indiriyoruz. Bazen dokümantasyonda doğrudan JavaScript dosyasının linki verilir. Bu durumda dosya, indirilmek yerine tarayıcıda açılır. Bu durumda tarayıcı menüsünden kaydetmeyi seçmeli veya Ctrl + S tuşlarına basıp dosyayı kütüphaneyi bir dosya olarak kaydetmelisiniz.

İndirilen kütüphane kendi HTML dosyanıza eklenmelidir:

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

Eklenen kütüphane, genel kapsamda bir veya daha fazla değişken oluşturur. lodash durumunda bu değişken _ olarak adlandırılır. Şimdi kütüphaneyi eklediğimiz yerin altına, web sitemizin kodunu yazacağımız kendi dosyamızı ekleyelim:

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

Bu dosyada, daha önce eklenen lodash kütüphanesinin oluşturduğu global değişkene erişilebilir olacak:

console.log(_); // bu değişkende lodash kütüphanesi var

Eklenen kütüphanenin metodlarından birini kullanalım:

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

underscorejs kütüphanesini indirin. Onu kendi HTML dosyanıza ekleyin. Bu kütüphanedeki birkaç fonksiyonu deneyin.