BlackTheMad 15 июл 2010 в 00:55

Underscore.js — библиотека, которая так хороша, что должна быть вне закона

3 мин

50K

JavaScript *

+149

Комментарии 51

Anonym 15 июл 2010 в 01:12

Не могли бы вы привести пример использования этой библиотеке и объяснить, что же в ней такое есть, чего вам так не хватало при работе с jQuery.

glazs 15 июл 2010 в 01:23

JQuery ориентивана на возню с HTML, Underscore же, очевидно из заголовков, ориентирована на упрощение работы с массивами, объектами, функциями, и так далее.
Документацию и примеры можно найти по ссылке.
Anonym, вы, наверно, без глаз.

Anonym 15 июл 2010 в 02:22

Да вроде с глазами, просто я, прочитав топик, подумал, что отлично обхожусь без всего этого, вот и решил поинтересоваться.

middle 15 июл 2010 в 05:57

Некоторые и без jQuery «отлично обходятся™».
А некоторые даже без Javascript! :)

Anonym 15 июл 2010 в 06:05

™ — wapedia.mobi/ru/%D0%A2%D0%9C
Зачем вы поставили этот символ?

middle 15 июл 2010 в 07:35

Из хулиганских побуждений, конечно.

sgzmd 15 июл 2010 в 08:48

Некоторые и без компьютера отлично обходятся и вообще искренне не понимают красноглазых товарищей ;-)

BlackTheMad 15 июл 2010 в 01:54

Эта библиотека нужна для того, чтобы повысить удобство при обработке данных в javascript. В том же jQuery реализована от силы пара функций из приведенных выше. И, по заверениям авторов, их версия работает быстрее.

AntonPoleshchuk 15 июл 2010 в 06:22

простой пример
ширина блоков
jquery

Array.prototype.sum = function(){

 for(var i=0,sum=0;i<this.length;sum+=this[i++]);

 return sum;

}

$.makeArray($('.selector').map(function() { return $(this).width() })).sum()

или

var sum = 0;

$('.selector').each(function() { sum += $(this).width() });

+ Underscore.js
_.reduce($('.selector'), 0, function(m, el){ return m + el.width() });

tenshi 15 июл 2010 в 07:21

plugins.jquery.com/files/jquery-fold.js.txt

CKOPOBAPKuH 15 июл 2010 в 16:24

Tbird 15 июл 2010 в 14:48

Шел jQuery через jQuery
Видит jQuery в jQuery jQuery
Сунул jQuery руку в jQuery
jQuery, jQuery, jQuery, jQuery

НЛО прилетело и опубликовало эту надпись здесь

Stepler 15 июл 2010 в 04:00

как раз недавно надо было манипулировать с массивами так же как в примере! автору статьи респект! будем юзать.

bO_oblik 15 июл 2010 в 04:50

Эх, засунуть бы все это в jQuery…

Xao 15 июл 2010 в 05:41

напишите плагин

vittore 15 июл 2010 в 05:59

религия не позволяет писать _.блабла() вместо $.блабла()?

tenshi 15 июл 2010 в 07:23

религия не позволяет писать _( $( '.user' ) )

seregagl 15 июл 2010 в 05:02

Хм, для чего это там? Это отдельный инструмент, ничего не мешает в случае необходимости использовать совместно.

bO_oblik 15 июл 2010 в 05:31

Это будет как-то не тру.

Arris 16 июл 2010 в 02:25

Не тру будет смешивать компот с супом.

docomo 15 июл 2010 в 05:25

Отличная библиотека. Узнал о ней около года назад, с тех пор пользуюсь. Javascript made easy! )

Terror 15 июл 2010 в 05:34

Спасибо за статью. Прощайте, велосипеды!

lil 15 июл 2010 в 05:42

just cool

trust 15 июл 2010 в 06:41

api.jquery.com/category/utilities/

tenshi 15 июл 2010 в 07:26

там допущена та же ошибка, что и в прототайпе: habrahabr.ru/blogs/javascript/86852/

TEHEK 15 июл 2010 в 18:42

То, что вы назвали «ошибкой», является на самом деле небольшим неудобством. Если вы не разрабатываете эту библиотеку (или тестируете), такое преобразование, которое еще и модифицирует интерфейс функции, ненужно.

И у объекта Exception есть свойство stack.

tenshi 15 июл 2010 в 18:58

да, подумаешь, не узнать координаты ошибки… мелочи же х) настоящие джедаи видят потоки силы пересекающиеся в проблемных местах!

TEHEK 16 июл 2010 в 02:26

Если вы руками выкидываете эксепшн и интересуетесь стэком вызовов, вам нужно руками его ловить и руками выводить.

try {
throw new Error('hehe');
} catch (e) {
console.debug(e);
}

Возможно, при разработке или написании тестов, они пользуются чем-то подобным. В конечном продукте это лишнее и уж ошибкой точно не является.

Честно говоря, не помню, когда уже в последний раз видел стэк в JS… Год назад, когда на Dojo что-то делал, вроде видел нет-нет, а потом даж внимания не обращал =)

tenshi 16 июл 2010 в 06:51

какого лешего я должен выполнять за браузер его работу?

TEHEK 16 июл 2010 в 19:06

Нет, ну это ж не прям глюк браузера. Это ближе к файербагу же. Кстати, вы бы могли свой класс Error им порекомендовать! Я серьезно

tenshi 17 июл 2010 в 09:49

не, это похоже на глюк браузера…
у меня нет такого класс, у меня исправляются глюки в стандартном

tenshi 15 июл 2010 в 18:59

а то я не знаю… habrahabr.ru/blogs/javascript/87098/

chill84 15 июл 2010 в 07:36

В проектах, построенных на node.js, underscore.js может быть очень кстати, т.к. он даёт всё то, что есть в prototype.js и не завязывается на DOM

Ваш К.О.

tenshi 15 июл 2010 в 07:41

прототайп как бы тоже не «завязан» на дом

TEHEK 15 июл 2010 в 18:38

Прототайп сильно повязан с DOM. Он и называется прототайпом, потому что расширяет объект prototype стандартных элементов (в т.ч. и DOM).

Это, кстати, сильно затрудняет поддержку кроссбраузерности.

tenshi 15 июл 2010 в 18:55

он расширяет стандартные объекты и дом в частности. но он не требует наличия дома.

dmitriid 15 июл 2010 в 07:57

Есть библиотека покруче: osteele.com/sources/javascript/functional/

НЛО прилетело и опубликовало эту надпись здесь

crazyprog 15 июл 2010 в 10:26

Да, библиотека крута. Но это какой-то, извиняюсь, функциональный ад.

А по теме поста.

Наконец-то свершилось — нормальный, православный .max(), возвращающий значение массива, а не максимальное значение. Ну очень не хватало!

Очень удобная библиотека для написания встраиваемых скриптов. И без разницы в какое окружение оно встраивается, в Mootools, в Prototype или в JQuery.

Cancel 15 июл 2010 в 12:59

Это функциональный рай! MAP! REDUCE! EACH!

FractalizeR 15 июл 2010 в 08:54

«вне закона» — это юмор?

kirilloid 15 июл 2010 в 13:16

Всегда было проще написать быстренько свой метод, чем искать и тащить где-то такую библиотеку. Тем более, ничего принципиально сложного в ней нет.
Хотя кому-то несомненно будет полезна.
Кстати, многие функции для работы с массивами отсюда есть и в MooTools

Grox 15 июл 2010 в 15:15

И вы каждый раз будете писать свой метод или один раз найдете, научитесь и будете использовать инструмент, код после которого будет легче поддерживать и расширять чем тучи своих простеньких велосипедиков?

kirilloid 15 июл 2010 в 16:29

Подключать на каждую нужную функцию новую библиотеку я точно не буду.

Kolyaj 15 июл 2010 в 14:56

Как и в Prototype, если есть берётся forEach, если нет, используется неправильный аналог.

var a = ['a', 'b'];
a[5] = 'c';
var str = '';
_.each(a, function(item) {
    str += item;
});
alert(str);

В разных браузерах будет разный результат.

Kolyaj 15 июл 2010 в 20:51

В итоге.

each работает по разному в разных браузерах.

        var values = '';
        _.each([1,,2], function(value) {
            values += value;
        });
        alert(values);  // 1undefined2 в IE, 12 в остальных браузерах

map и filter используют each, поэтому тоже работают по разному, но даже если исправить each, map будет работать неправильно.

indexOf, lastIndexOf тоже работают неправильно.

alert(_.indexOf([1,,undefined], undefined));

Выведет 1 в IE, 2 в остальных браузерах. Хотя в IE в данном конкретном случае должен вывести -1, но это из другой оперы.

DmitryBaranovskiy 16 июл 2010 в 05:11

Вы послали авторам патч?

lol2Fast4U 16 июл 2010 в 12:07

Дополнительные функции — это хорошо. А классы в JS — плохо. (да, я не про этот фреймворк, а вообще)
JS тем и прекрасен, что он class-less.

Aleko 17 июл 2010 в 01:18

Наверное это просто непрофессиональный взгляд на javascript, но я не люблю библиотеки в принципе. Мне кажется, что при постоянном использовании вещей типа jQuery теряешь возможность практиковаться на мелочах. В итоге потом и появляются такие вот полу-шуточные комментарии как на скрине stackoverflow выше.

Amikko 18 сен 2012 в 12:00

А почему она «вне закона»? Я лично из статьи не уловил.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий