5 советов по использованию JavaScript

Создание переменной без var

Раньше разрешалось создавать переменные без ключевого слова var, но в современном стандарте (ES 5) это считается ошибкой.

// неправильно (начиная с ES 5)
lang = "JavaScript";

// правильно
var lang = "JavaScript";

Метод innerText

Многие разработчики для отображения или изменения текста используют параметр innerText, но данный параметр не рекомендован к использованию, т.к. он не входит в стандарт и разными браузерами может выполняться по-своему.

Вместо innerText надо использовать textContent.

Длина массива в цикле for

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

var arr = ['JavaScript', 'DOM', 'HTML'];

// неправильно
for (var i = 0; i < arr.length; i++) {
    // код
}

// правильно
for (var i = 0, l = arr.length; i < l; i++) {
    // код
}

Выполнение скриптов в начале документа

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

Исключением является методы, которые выполняют JavaScript код после загрузки страницы (подробнее).

use strict

Использование use strict позволяет проверять код JavaScript на современный стандарт EcmaScript 5 (подробнее).