Функция и изрази на функции на 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 се записват като функции със стрелки. Ще научите за тях в следващите уроци.

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