Когда в скриптах нужно выполнить одно и то же действие много раз, тогда используют функции

Например для того чтобы показать приветствие новому пользователю или попрощаться когда он покидает страницу, либо же отправить сообщение

Вместо того чтобы писать одинаковый код в разных местах программы, пишутся функции

Другими словами, функция - это блок кода который выполняет конкретную задачу, одну и ту же функцию можно использовать многократно и вызывать по имени в любом месте кода

Примеры встроенных функций в JavaScript

alert('Hello!');        // Показать сообщение
prompt('What is your name?'); // Спросить у пользователя
confirm('Are you sure?');     // Запросить подтверждение

Помимо использования встроенных функций, можно создавать свои

Рассмотрим простой пример объявления функции

// Создаем функцию
function sayHello() {
    console.log('Hello, everyone!');
}

// Используем её
sayHello(); // → Hello, everyone!
sayHello(); // → Hello, everyone!

На самом деле без использования функции, этот код выглядел бы примерно вот так

console.log('Hello, Jhon!');
console.log('Hello, Mia!');
console.log('Hello, Eva!');

А так код будет выглядеть с функцией

function greetUser(name){
	console.log(`Hello, ${name}`);
}
greetUser('Jhon'); // Hello, Jhon
greetUser('Mia'); // Hello, Mia
greetUset('Eva'); // Hello, Eva

В примере выше в функции используется параметра name

На самом деле функция может принимать множество параметров, рассмотрим пример с несколькими

function introduce(name, age) {
    console.log(`My name is ${name} and I'm ${age} years old`);
}

introduce('Anna', 25);  // → My name is Anna and I'm 25 years old
introduce('Tom', 30);   // → My name is Tom and I'm 30 years old

Функции так же могут возвращать результат

function addNumbers(a,b) {
	let sum = a + b;
	return sum; // Отдает результат
}

// Либо сразу
console.log(addNumbers(10, 20)) // -> 30

Цикл выполнения функции состоит из нескольких пунктов

1. Создание: объявление функцию
2. Вызов: запуск функции
3. Работа: тело функции исполняется
4. Завершение: функция завершается после возвращения результата

Чем полезны функции: они избавляют скрипты от повторяющегося кода, делают программу более понятной, их легко обновлять и можно переиспользовать