JavaScript функции: Урок 11 — сокращение кода

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

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

Рассмотрим пример: хотим вывести на экран три строки: «Hello», «World», «BR». Можно написать так:

document.write("Hello");
document.write("World");
document.write("BR");

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

Создание функции

Функция создаётся так:

function wrPrint(text) {
  document.write(text);
}
  • function – ключевое слово, объявляющее функцию.
  • wrPrint – имя функции. wrPrint и document.write отображаются одним цветом в редакторе кода, поскольку wrPrint теперь тоже функция.
  • (text) – параметры функции (здесь один параметр – строка text). Функция может не иметь параметров.
  • { и } – фигурные скобки, обозначающие тело функции, содержащее код, выполняемый при вызове. Скобки обязательны.

Вызов функции

Вызываем функцию wrPrint, передавая параметры:

let first = "Hello";
let second = "World";
let third = "BR";

wrPrint(first);
wrPrint(second);
wrPrint(third);

Переменные first, second и third хранят значения строк, передаваемые в wrPrint. Функция выведет эти значения. Можно также вызывать функцию без параметров:

wrPrint("Hello world");

Функции с различной логикой

Функции выполняют различные задачи. Например, одна функция выводит текст, другая – производит вычисления.

Рассмотрим функцию, суммирующую два числа:

function sum(x, y) {
  let sum = x + y;
  return sum;
}

let result = sum(5, 7);
document.write("Hello " + result); // Выведет "Hello 12"
document.write("<br>");

Функция sum принимает два параметра (x и y), суммирует их и возвращает результат. Имена переменных внутри функции могут совпадать или не совпадать с именами переменных, передаваемых в функцию.

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

Что будем искать? Например,программа