Зачем нужны функции

Первая причина — повторное использование кода . Случается, что похожий код нужен в нескольких местах. Например, на странице несколько попапов и каждый должен уметь открываться и закрываться. Логика открытия и закрытия одинакова, отличаются только элементы попапов. В таком случае предпочтительнее создать функцию, которая принимает элемент попапа в качестве аргумента, и не дублировать код для каждого попапа:

В программировании есть принцип DRY. Суть в том, что любое дублирование кода нужно устранять. Если в двух местах будет одинаковый код, то, при необходимости его исправить, придётся делать это несколько раз. Рано или поздно любой разработчик об этом забывает. Чтобы с вами этого не случилось, применяйте функции и исключайте повторение кода.

Старайтесь не писать один и тот же код. Лучший способ сделать это — использовать функции.

Вторая причина— более понятный код . Код, разбитый на функции, легче воспринимать, если функциям даны понятные имена. Сравните два варианта:

Чтобы понять предназначение этого кода, необязательно заглядывать в тело функции openPopup — её имя говорит само за себя. По этой причине название функции часто начинается с глагола: чтобы было понятно, что она делает. Поэтому функции хороши, даже когда код не нужно использовать повторно — они делают код понятнее.