45 Типсов-Триксов и Практик JavaScript

13 — String.prototype.trim есть еще не во всех браузерах, которые нужно поддерживать, увы.
14 — А вот для сложения массивов есть Array#concat.

Хабрапарсер испортил 39 вариант. В комментарии к оригинальной статье указан исходник.

О! Есть ещё такой трюк в JS: при помощи плюса можно сложить два числа:

alert(2 + 2) // 4

Это я к чему. Отчасти статья капитанство, отчасти вредные советы, отчасти неправильно объяснённые конструкции.

2 — Используйте `===` вместо `==` :

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

5 — Объект через конструктор :

Ну, бляха, это вообще можно про любую встроенную конструкцию так написать. Просто цитата из документации:
Вывод текста в консоль: console.log(123);
Создание функции: function () {}
Зачем в «трюки» записывать элементарные вещи?

6 — Будьте осторожны, когда используете `typeof, instanceOf, constructor`:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        var arr = ["a", "b", "c"];
        typeof arr;   // return "object"
        arr  instanceof Array // true
        arr.constructor();  //[]

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

А что, разве ожидается другое от typeof и вызова constructor?

7 — Используйте self-calling функции :

Написано использовать, не написано зачем.

8 — Получение произвольного значения массива :

о! Давайте в трюки будем вставлять библиотечные функции. В MooTools их десятки
И назовём это «трюками». Например, «трюк на JS», узнаём, содержит ли массив элемент:

function contains (array, elem) {
  return array.indexOf(elem) >= 0;
}

Аналогичная ересь в 9-19

23 – Используйте `map()`метод, чтобы пройти циклом по массиву :

Ухты, я прочитал документацию по языку и оказывается, у Array есть метод map! Надо срочно написать об этом статью!

24 – Округление числа до N чисел после запятой :

А у String есть метод toFixed! Это вообще круть!

Надо будет дать ему ссылки на методы Array.filter и String.indexOf

31 – Сериализация и десериализация (для JSON) :

К предыдущим двум пунктам.

28 – Кешируйте переменные, которые необходимы для вычислений или запросов:
На примере jQuery селекторов, мы можем закешировать их результат — DOM элементы.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        var navright = document.querySelector('#right');
        var navleft = document.querySelector('#left');
        var navup = document.querySelector('#up');
        var navdown = document.querySelector('#down');

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Назвать CSS-селекторы JQuery-селекторами? Шикарно.

33 – Избегайте `with` (Хорошая штука):
Использование `with` определяет переменную в глобальное пространство. Если какая-либо переменная будет иметь такое же имя, тогда это создаст определенные проблемы, так как может произойти затирание значения.

Описание «with» — бред. Сейчас «with» deprecated, но совершенно по иной причине, чем описана в топике.

35 – Передавайте функции, а не строки для `setTimeout()` и `setInterval()` :

Наверное, единственный вменяемый совет в статье, но только совсем новички пишут так:

        setTimeOut('doSomethingAfterFiveSeconds()', 5000);

37 – Используйте `switch/case` выражение с численными диапазонами :

Вредный совет. Подобный «приём» сильно замедляет понимание кода сторонними разработчиками.

38 – Создать объект, чей прототип — это задаваемый объект:
Возможно создать функцию, что создает объект, чьим прототипом будет является объект, который передается в аргументе функции…

Спасибо, капитан. Только зачем?

39 – HTML escaper :

Ещё одна библиотечная функция?

40 – Избегайте использования `try-catch-finally` внутри циклов:
`try-catch-finally` создает новую переменную в текущем пространстве выполнения каждый раз, когда срабатывает исключение и оно связывается с переменной.

Создаёт новую переменную? Что за бред?

43 – Помните, что примитивы работают быстрее, чем вызовы функций.

array.push(foo) работает быстрее array[array.length] = foo, так что совет не в тему. И от того, что примитивы работают быстрее функций не значит, что все функции надо вручную разворачивать и писать каждый раз заново.

Так что, статья — шлак.

Хоть я и вижу отрицательное отношение сообщества к статье, но посмею сказать, что статья мне понравилась.

Да, много банальщины и экономии на спичках. Но читая весь этот длинный список трюков, волей-неволей вспоминаешь некоторые вещи, которые уже подзабыл. И в этом «плюс» этой статьи.

34. Длина массива в коде ниже не вычисляется каждый раз. Каждый раз происходит бинарный поиск «length» в хэше ключей объекта «arrayNumbers». Такой поиск имеет ln2 сложность. То есть если в массиве 1023 элемента и мы ищем свойство length, то в худшем случае в глубинах v8 будет выполнено 10 условных операций сравнения.

for(var i = 0; i < arrayNumbers.length; i++) {
    sum += arrayNumbers[i];
}

36. Очень часто вместо switch в таком случае лучше использовать заранее подготовленный хэш объект. Опять же сложность становится ln2, что значит что 511 else выродятся всего в 9 реальных операций сравнения в худшем случае. Это работает только если в ветвлениях условие проверки равенства и стоит учесть что в таком случае попутно будет происходить приведение значения к строке.

38. Object.create( object ) сделает то же самое нативно. Хотя выше это уже написали

— Number.toFixed возарвщает String, так что если вы хотите округлить, а не отформатировать, то правильнее пользоваться +num.toFixed(4)
— Надо быть очень аккуратным с перемешиванием массива используя numbers.sort(function(){ return Math.random() - 0.5});. Если он относительно большой то перемешан он будет более чем неравномерно. Примитивная мешалка массива из 10 элементов — идеально :)