Бібліотека underscore.js.

Вітаю! Сьогодні ми поговоримо про бібліотеку underscore.js, яка дозволить вам прискорити і полегшити створення вашого застосування на jаvascript.

Чому така назва

Отже, чому ж бібліотека називається underscore? Справа вся в тому, що як в JQuery все починається зі знака "$", Так і тут все починається зі знака"_", А underscore з англійської як раз таки і перекладається як нижнє підкреслювання.

Для чого вона потрібна?

бібліотека underscore зможе полегшити вам процес розробки, не змінюючи вбудованих об`єктів
У ній знаходяться сотні функцій
Може використовуватися з іншими бібліотеками (jquery, backbone)
Повністю покривається тестами
легковажно

Відео: jаvascript-бібліотека Underscore

Ви можете подумати, навіщо ж використовувати цю бібліотеку, коли є JQuery? Не варто їх плутати. Вся справа в тому, що в JQuery існує багато функцій, які дозволяють не морочитися, наприклад, з анімаціями, а просто викликати вже готову. Те ж саме з Ajax і т.д. Однак ця бібліотека не полегшує нам процес написання коду. Underscore ж створена якраз для цього. Давайте розглянемо деякі її можливості на прикладі.

приклади

Перш ніж ми почнемо використовувати цю бібліотеку, нам потрібно її підключити. Знайти бібліотеку ви можете на сайті розробника underscorejs.org. Зауважте, що там же ви можете знайти документацію, однак вона буде англійською. Якщо ви хочете прочитати документацію російською мовою, то можете перейти на сайт underscorejs.ru.

Отже, після того, як ви все підключили, ми можемо почати розробляти.

Наприклад, як ви можете викликати функцію для кожного елемента масиву або чого-небудь ще на чистому jаvascript? Подумали? Страшно? Якщо так, то в underscore.js є спеціальний метод each.

_.each([1,2,3], alert) -

Тепер ви зрозуміли, навіщо потрібна ця бібліотека? Якщо немає, то переходимо до наступного прикладу.

Розглянемо метод map

var obj =[ 
{name:`Вася`, spec:`jаvascript`, salary:5e5}, 
{name:`Марійка`, spec:`Php`, salary:2e3}, 
{name:`Віталій`, spec:`Mysql`, salary:7e3}, 
{name:`Ігор`, spec:`Html and css`, salary:3e3}, 
{name:`Настя`, spec:`Seo`, salary:7e3} 
] - 
 
_.map(obj,function(n){return n.spec-}) -

Ось так просто ми отримаємо новий масив, який буде містити елементи, значеннями яких буде спеціалізація працівників.

метод shuffle

var arr =[1,2,3,4,5,6,7] - 
_.shuffle(arr) -

Даний метод буде кожен раз повертати масив з новим, випадковим порядком.

метод object

_.object([`Name`,`Auto`,`Age`],[`Віталій`,`BMW`,37]) -

Такий виклик поверне нам об`єкт такого вигляду:

Відео: Extending A Backbone Model with Underscore.JS

{name:`Віталій`,auto:`BMW`, age:37}

Ну, що ж, думаю цього вже вистачить, щоб зрозуміти, як сильно може полегшити роботу дана бібліотека. Так що, якщо ви до сих пір її не використовуєте, то, може, варто почати?