А функція JavaScript це блок коду, призначений для виконання певного завдання. Він інкапсулює набір інструкцій, які можна повторно використовувати в програмі. Функції можуть приймати параметри, виконувати оператори та повертати значення, забезпечуючи організацію коду, модульність і багаторазове використання в програмуванні JavaScript.

Функція JavaScript виконується, коли щось викликає її (викликає).

приклад: Базова функція JavaScript, тут ми створюємо функцію, яка ділить 1-й елемент на другий елемент.

function myFunction(g1, g2) {  return g1 / g2; } const value = myFunction(8, 2); // Calling the function console.log(value); 

4 

Вихід:

4 

Ви, мабуть, уже бачили деякі часто використовувані функції в JavaScript, наприклад сповіщення() , яка є вбудованою функцією в JavaScript. Але JavaScript також дозволяє нам створювати функції, визначені користувачем. Ми можемо створювати функції в JavaScript за допомогою ключового слова `function`.

Синтаксис : Основний синтаксис для створення функції в JavaScript показано нижче.

function functionName(Parameter1, Parameter2, ...) {  // Function body } 

Щоб створити функцію в JavaScript, ми повинні спочатку використати ключове слово функція , розділених назвою функції та параметрами в дужках. Частина функції всередині фігурних дужок {} є тілом функції.

У JavaScript функції можна використовувати так само, як змінні для присвоєння чи обчислень.

Виклик функції:

• Ініціюється подією (наприклад, натисканням кнопки користувачем).
• При явному виклику з коду JavaScript.
• Виконується автоматично, наприклад у функціях, що викликають себе.

Визначення функції:

Перш ніж використовувати визначену користувачем функцію в JavaScript, ми маємо її створити. Ми можемо використати наведений вище синтаксис, щоб створити функцію в JavaScript. Визначення функції іноді також називають оголошенням функції або оператором функції. Нижче наведено правила створення функції в JavaScript:

• Кожна функція повинна починатися з ключового слова функція а потім,
• Назва функції, визначена користувачем, яка має бути унікальною,
• Список параметрів, укладених у круглі дужки та розділених комами,
• Список операторів, які складають тіло функції, укладених у фігурні дужки {}.

приклад: У цьому прикладі показано базове оголошення функції в JavaScript.

function calcAddition(number1, number2) {   return number1 + number2;  } console.log(calcAddition(6,9)); 

15 

У наведеному вище прикладі ми створили функцію під назвою calcAddition,

• Ця функція приймає два числа як параметри та повертає додавання цих двох чисел.
• Доступ до функції лише за назвою функції без () поверне об’єкт функції замість результату функції.

Існує три способи написання функції в JavaScript:

Оголошення функції: Він оголошує функцію з ключовим словом function. Оголошення функції повинно мати назву функції.

Синтаксис:

function geeksforGeeks(paramA, paramB) {  // Set of statements } 

Вираз функції:

Це схоже на оголошення функції без назви функції. Функціональні вирази може зберігатися в присвоєнні змінної.

Синтаксис:

let geeksforGeeks= function(paramA, paramB) {  // Set of statements } 

приклад: У цьому прикладі пояснюється використання виразу Function.

const square = function (number) {  return number * number; }; const x = square(4); // x gets the value 16 console.log(x); 

16 

Функції як значення змінної:

Функції можна використовувати так само, як і змінні.

приклад:

// Function to convert Fahrenheit to Celsius function toCelsius(fahrenheit) {  return (fahrenheit - 32) * 5/9;  }    // Using the function to convert temperature  let temperatureInFahrenheit = 77;  let temperatureInCelsius = toCelsius(temperatureInFahrenheit);  let text = 'The temperature is ' + temperatureInCelsius + ' Celsius'; 

Функція стрілки:

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

Синтаксис:

let function_name = (argument1, argument2 ,..) =>вираз> 

приклад: У цьому прикладі описано використання функції Arrow.

const a = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium']; const a2 = a.map(function (s) {  return s.length; }); console.log('Normal way ', a2); // [8, 6, 7, 9] const a3 = a.map((s) =>s.length); console.log('Використання функції стрілки', a3); // [8, 6, 7, 9] 

Normal way [ 8, 6, 7, 9 ] Using Arrow Function [ 8, 6, 7, 9 ] 

Параметри функції:

Досі ми багато чули про параметри функції, але не обговорювали їх детально. Параметри — це додаткова інформація, яка передається функції. Наприклад, у наведеному вище прикладі завдання функції calcAddition полягає в обчисленні додавання двох чисел. Ці два числа, над якими ми хочемо виконати операцію додавання, передаються цій функції як параметри. Параметри передаються функції в круглих дужках після назви функції та розділені комами. Функція в JavaScript може мати будь-яку кількість параметрів, і в той же час функція в JavaScript не може мати жодного параметра.

приклад: У цьому прикладі ми передаємо аргумент функції.

function multiply(a, b) {  b = typeof b !== 'undefined' ? b : 1;  return a * b; } console.log(multiply(69)); // 69 

69 

Виклик функцій :

Після визначення функції наступним кроком буде виклик їх для використання функції. Ми можемо викликати функцію, використовуючи назву функції, розділену значенням параметрів, укладених між дужками та крапкою з комою в кінці. Наведений нижче синтаксис показує, як викликати функції в JavaScript:

Синтаксис:

functionName( Value1, Value2, ..); 

приклад: Нижче наведено зразок програми, яка ілюструє роботу функцій у JavaScript:

function welcomeMsg(name) {  return ('Hello ' + name + ' welcome to techcodeview.com'); } // creating a variable let nameVal = 'Admin'; // calling the function console.log(welcomeMsg(nameVal)); 

Hello Admin welcome to techcodeview.com 

Заява про повернення :

Бувають ситуації, коли ми хочемо повернути деякі значення з функції після виконання деяких операцій. У таких випадках ми можемо використати оператор return у JavaScript. Це необов’язковий оператор і в більшості випадків останній оператор у функції JavaScript. Подивіться на наш перший приклад із функцією під назвою as calcAddition . Ця функція обчислює два числа, а потім повертає результат.

Синтаксис: Основний синтаксис для використання оператора return:

return value; 

Оператор return починається з ключового слова повернення розділені значенням, яке ми хочемо повернути з нього. Ми також можемо використовувати вираз замість прямого повернення значення.

функції:

• Javascript | Функції стрілок
• JavaScript | Втеча()
• JavaScript | unescape()
• JavaScript | Друк вікна()
• Javascript | Метод Window Blur() і Window Focus().
• JavaScript | console.log()
• JavaScript | pressFloat()
• JavaScript | uneval()

• JavaScript parseInt()
• JavaScript | матч()
• JavaScript | Date.parse()
• JavaScript | Метод Replace().
• JavaScript | Map.get()
• JavaScript | Map.entries( )
• JavaScript | Map.clear()
• JavaScript | Map.delete()
• JavaScript | Map.has( )

Детальніше>>

У нас є шпаргалка про Javascript, у якій ми розглянули всі важливі теми Javascript, щоб перевірити їх, будь ласка, прочитайте Javascript Cheat Sheet - Основний посібник з JavaScript .