Избегаем побочных эффектов в JavaScript

Избегаем побочных эффектов в JavaScript

От автора: В настоящее время JavaScript развивается очень динамично, но я до сих пор сталкиваюсь с большим количеством устаревшего кода, написанного либо в целях оптимальной обратной совместимости, либо просто неподдерживаемого. Одна из практик написания кода, которая меня просто раздражает, заключается в создании нежелательных побочных эффектов. Что такое побочный эффект? Это кусок кода, в котором созданная переменная становится доступной из глобальной области видимости, хотя этого не было задумано. Позвольте мне показать вам несколько примеров и научить, как избегать нежелательных побочных эффектов.

Традиционно перебор элементов массива в цикле осуществлялся в JavaScript с помощью цикла for():

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

В данном случае побочным эффектом будет, как минимум, индекс для перебора элементов (а, возможно, также и длина массива), т.е. это переменные, которые доступны из глобальной области видимости. Методы прототипа объекта Array, например, map, forEach и every позволяют разработчикам избежать подобных побочных эффектов:

Теперь для перебора элементов массива в цикле не требуется создавать никаких «полезных» переменных. Это называется «функциональным» программированием.

Самовызывающиеся функции

Если вы не читали статью Скрываем приватные данные в JavaScript и вы не знаете, как создавать приватные переменные в JavaScript, то вам все-таки стоит выделить несколько минут на ее прочтение. Тот же самый подход, описанный в статье, позволит вам избежать побочных эффектов с помощью самовызывающихся функций:

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

Улучшение вашего кода включает также стремление избегать побочных эффектов, и вы можете легко этого достичь в JavaScript, если будете следовать лучшим традициям!

Автор: David Walsh

Источник: http://davidwalsh.name/

Редакция: Команда webformyself.

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Узнать подробнее

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

Смотреть

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий