+7 (937) 141-32-58
Контакты

Функции в JavaScript: параметры, return и область видимости

Разбираем функции в JavaScript: как создать, передавать параметры, использовать return и что такое область видимости.

Оглавление

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

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

Например: если нужно 10 раз вывести приветствие, вместо копирования кода создаётся функция.

Как создать и вызвать функцию

Функция создаётся с помощью ключевого слова function:

Скопировать 
function sayHello() {
  console.log("Привет!");
}

sayHello(); // вызов функции

Функция не сработает, пока её не вызвать. Вызов — это имя и круглые скобки: sayHello().

Параметры функции

Функции можно передавать значения — это параметры. Они пишутся в скобках при создании и передаются при вызове.

Скопировать 
function greet(name) {
  console.log("Привет, " + name + "!");
}

greet("Катя"); // Привет, Катя!
greet("Андрей"); // Привет, Андрей!

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

Что делает return

Оператор return возвращает результат работы функции. Его можно сохранить в переменную или использовать прямо в коде.

Скопировать 
function sum(a, b) {
  return a + b;
}

let result = sum(3, 5);
console.log(result); // 8

Если return не указать, функция вернёт undefined.

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

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

Скопировать 
function showMessage() {
  let message = "Привет!";
  console.log(message);
}

showMessage();
// console.log(message); // Ошибка: message не видна снаружи

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

Практика: функция, которая крутит стрелку по кнопке

Вот пример, где функция запускает вращение стрелки на радаре при нажатии кнопки Старт и останавливает при нажатии Стоп. Это демонстрирует, как использовать функции и управление действиями в реальном интерфейсе.

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

Типичные ошибки новичков

  • Забывают вызвать функцию — код не работает.
  • Путают параметры и переменные внутри функции.
  • Пытаются использовать переменные вне их области видимости.

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

Что дальше

В следующем уроке: массивы и объекты — как хранить и структурировать данные.

К содержанию курса