Кнопка "вернуться назад". Ошибка TypeError: ... is null

[volshebnyi]

Здравствуйте!

Сделал кнопку "вернуться назад":

//Move Backward Button
var backwardButton = document.getElementById("button");

if (typeof backwardButton !== 'undefined') {
    backwardButton.addEventListener("click", function () {
        window.history.back();
    });
}

На страницах, где нет этой кнопки, появляется ошибка в консоли. В Firefox - TypeError: backwardButton is null, В Chrome - Uncaught TypeError: Cannot read property 'addEventListener' of null.

Подскажите, пожалуйста, что я делаю не так?

[andrey7287]

Не усложняйте

if (backwardButton)

 

[by chris]

1 час назад, volshebnyi сказал:

Подскажите, пожалуйста, что я делаю не так?

Все из-за того, что инструкция объявления переменной возвращает null, а тип null равен object. Условие возвращает true, т.к тип переменной backwardButton не равен типу 'undefined'. Далее попытка зарегистрировать обработчик события на объекте null и это приводит к ошибке (TypeError: Cannot read property 'addEventListener' of null.) - целевой объект имеет не ожидаемый тип . Поэтому, для лучшего понимая новичку, в условной инструкции правильнее сравнивать целевой объект с null.

if (backwardButton !== null) {
  // тело условия
}

 

Edited October 3, 2016 by by chris
цело