В този урок ще научите за 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();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
Пример 1: Показване на текст
// program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();
Изход
Здравей!
Функционални параметри
Функция също може да бъде декларирана с параметри. Параметърът е стойност, която се предава при деклариране на функция.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
Пример 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
стойност.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
Пример 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 се записват като функции със стрелки. Ще научите за тях в следващите уроци.