Функція 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 з оператором return

Приклад 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 записуються як функції стрілок. Ви дізнаєтесь про них у наступних підручниках.

Цікаві статті...