Функции и выражения функций JavaScript (с примерами)

В этом руководстве вы узнаете о функциях и выражениях функций JavaScript с помощью примеров.

Функция JavaScript

Функция - это блок кода, который выполняет определенную задачу.

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

  • функция рисования круга
  • функция раскраски круга

Разделение сложной проблемы на более мелкие части делает вашу программу простой для понимания и повторного использования.

JavaScript также имеет огромное количество встроенных функций. Например, Math.sqrt()это функция для вычисления квадратного корня числа.

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

Объявление функции

Синтаксис объявления функции:

 function nameOfFunction () ( // function body )
  • Функция объявляется с использованием functionключевого слова.
  • Основные правила присвоения имени функции аналогичны названию переменной. Лучше написать описательное имя для вашей функции. Например, если функция используется для сложения двух чисел, вы можете назвать функцию addили addNumbers.
  • Основная часть функции написана внутри ().

Например,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

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

В приведенной выше программе мы объявили функцию с именем greet(). Чтобы использовать эту функцию, нам нужно ее вызвать.

Вот как вы можете вызвать указанную выше greet()функцию.

 // function call greet();
Работа функции в JavaScript

Пример 1: отображение текста

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Вывод

 Привет!

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

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

Работа функции JavaScript с параметром

Пример 2: Функция с параметрами

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Вывод

 Введите имя: Саймон Привет Саймон :)

В приведенной выше программе greetфункция объявлена ​​с nameпараметром. Пользователю предлагается ввести имя. Затем, когда функция вызывается, в функцию передается аргумент.

Примечание . Когда значение передается при объявлении функции, оно называется параметром . И когда функция вызывается, переданное значение называется аргументом .

Пример 3: сложение двух чисел

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Вывод

 7 11

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

  • Функция объявлена ​​с двумя параметрами aи b.
  • Функция вызывается с использованием ее имени и передачи двух аргументов 3 и 4 в один и 2 и 9 в другой.

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

Возврат функции

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

returnУтверждение означает , что функция закончилась. Любой код после returnне выполняется.

Если ничего не возвращается, функция возвращает undefinedзначение.

Работа функции JavaScript с оператором возврата

Пример 4: сумма двух чисел

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Вывод

 Введите первое число: 3,4 Введите второе число: 4 Сумма 7,4

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

Преимущества использования функции

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

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

В Javascript функции также могут быть определены как выражения. Например,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Вывод

 16 9

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

Вышеуказанная функция называется анонимной функцией.

Примечание. В ES2015 выражения JavaScript записываются как стрелочные функции. Вы узнаете о них в последующих уроках.

Интересные статьи...