Функции в JavaScript для чайников

kirilljsx

Привет, друзья! Сегодня мы погрузимся в одну из основополагающих концепций JavaScript — функции. Если вы только начинаете свой путь в программировании, этот пост для вас!

Что такое функция?

Функция — это блок кода, который можно вызывать по имени. Она выполняет определённую задачу и может принимать входные данные, а также возвращать результат. Функции помогают организовать код и делают его более читаемым.

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

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

Как объявить функцию?

Есть несколько способов объявить функцию в JavaScript. Рассмотрим три наиболее распространённых:

1. Функциональное выражение

javascript
const greet = function(name) {
    return `Привет, ${name}!`;
};

console.log(greet('Мир')); // Привет, Мир!

2. Функция-объявление

function add(a, b) {
    return a + b;
}

console.log(add(3, 4)); // 7

3. Стрелочная функция

const multiply = (x, y) => x * y;

console.log(multiply(5, 6)); // 30

Аргументы и параметры

Функции могут принимать аргументы — значения, которые передаются в функцию при её вызове. Параметры — это переменные, определенные в объявлении функции.

function subtract(a, b) {
    return a - b;
}

console.log(subtract(10, 4)); // 6

Возврат значений

Функция может возвращать значение с помощью ключевого слова return. Если функция не возвращает значение, по умолчанию возвращается undefined.

function square(num) {
    return num * num;
}

const result = square(8);
console.log(result); // 64

Область видимости

Область видимости определяет, где переменные доступны. В JavaScript есть две основные области видимости:

Глобальная область видимости: Переменные, объявленные вне функций, доступны везде.
Локальная область видимости: Переменные, объявленные внутри функции, доступны только внутри этой функции.

let globalVar = 'Я глобальная!';

function showVar() {
    let localVar = 'Я локальная!';
    console.log(globalVar); // Доступно
    console.log(localVar); // Доступно
}

showVar();
console.log(globalVar); // Доступно
// console.log(localVar); // Ошибка: localVar не определена

Резюме

Функции — это мощный инструмент в JavaScript, который позволяет вам писать чистый и организованный код. Не бойтесь экспериментировать с ними и использовать их в своих проектах!

Если у вас есть вопросы или вы хотите обсудить другие темы, оставляйте комментарии!