Прячем флаги в замыкания

23 июня 2015

window.addEventListener('click', function () {
    var i = 0;
    return function () {
        window.alert('You\'ve clicked it ' + (++i) + ' time(s).');
    };
}());

Благодаря замыканиям JavaScript позволяет не выносить флаги за функцию-обработчик и тем самым не засорять области видимости уровнями выше.

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

Кстати, я выкладываю этот и другие интересные кусочки кода на gostash.ru

Комментарии RSS по email OK

№9895

Web Design Dubai 11 июля 2015 г., 13:12:51

Если я не ошибаюсь - click ждет в ответе boolean, а тут отдается void. Поведение браузера будет предсказуемым?
№9899

Sam 12 июля 2015 г., 0:12:48

Вполне. Событие всплывёт вверх по иерархии, обработчик по умолчанию отработает.

№9955

Karen 31 авг. 2015 г., 14:49:31

А так?

+function(){
  var i = 0;
  window.addEventListener('click', function () {
      return window.alert('You\'ve clicked it ' + (++i) + ' time(s).');
  }());
}();

№9956

Sam 31 авг. 2015 г., 20:12:24

А так мы намешали и логику обработчика и навешивание его на событие.

<rmcreative>

Прячем флаги в замыкания

Комментарии RSS по email OK

Интересное

Друзья

Разделы