Това е четвъртата статия от поредицата „Научете JavaScript“, където ще илюстрирам какво представляват функциите в JavaScript и начина, по който да ги внедрите и използвате.

Дефиниция на функция

Функцията на JavaScript е блок от код, предназначен да изпълнява определена задача. Ако имате нужда от метод за умножаване на две цели числа заедно, трябва да приложите функция, която изпълнява тази конкретна задача.

// Function to compute the product of p1 and p2
function myFunction(p1, p2) {
  return p1 * p2;
}

Функция на JavaScript се изпълнява, когато „нещо“ я извика (извика).

<script>
function myFunction(p1, p2) {
  return p1 * p2;
}
document.getElementById("demo").innerHTML = myFunction(4, 3);
</script>

В горния пример тук извикваме функцията, използвайки свойството DOM element.innerHTML.

Синтаксис на функцията на JavaScript

Функция се дефинира с помощта на ключовата дума function ‹variableName›() {}

function countToFive(){
  for(let i = 1; i <= 5; i++){
   console.log(i + " ");
     }
}

Тук използвахме ключовата функция с името на променливата „countToFive“.

Вижте начина за деклариране на променливи в JavaScript тук.

В допълнение към това, понякога трябва да дадете на тази функция някои аргументи, с които да се справи и да изпълни необходимите функции.

Начинът за добавяне на тези аргументие просто да ги добавите в скобите

function addTwoNumbers(x, y){

return x + y;

}

Сега, ако казахме addTwoNumbers(5,5), тези аргументисега се наричат ​​параметри.

Аргументитена функцията са параметрите(стойностите), получени от функцията, когато е извикана, и тези параметри действат или се държат като локални променливи.

Извикване на функция

Блокът от код за конкретна функция ще бъде изпълнен, когато нещо извика тази функция.

Има няколко начина за извикване на функция като:

  1. Когато настъпи конкретно събитие (като добавяне на манипулатор на събитие към конкретен бутон)
  2. Когато функция е извикана вътре в друга функция в JS кода.
  3. Автоматично (което се нарича самоизвикване)

Връщане на функция

Чудили ли сте се кога функцията спира да се изпълнява? Е, всичко свършва в JS функциите, когато компилиторът достигне оператора return.

Забележка: въпреки факта, че JavaScript се счита за динамично въведен, интерпретиран език, той всъщност е компилиран език.

Функциите често изчисляват върната стойност. Върнатата стойност се „връща“ обратно на „повикващия“.

let x = myFunction(4, 3);   // Function is called, return value will end up in x

function myFunction(a, b) {
  return a * b;             // Function returns the product of a and b
}

Резултатът в x ще бъде: 12

Функции, използвани като стойности на променливи

Функциите могат да се използват по същия начин, по който използвате променливите, във всички видове формули, присвоявания и изчисления.

let x = countToFive;
let str = "The first five numbers are : " + x;

Защо да използваме функции?

Функциите са създадени, за да се използват повторно;това е основната цел на внедряването им. Можете да използвате един и същ код много пъти с различни аргументи, за да получите различни резултати.

Резюме

Функцията JS е блок от код, предназначен да изпълнява определена задача и се изпълнява, когато „нещо“ го извика (извика).

Има четири вида:

  • Функции с аргументи и връщани стойности.
  • Функции с аргументи и без връщани стойности.
  • Функции без аргументи и с връщани стойности.
  • Функции без аргументи и връщани стойности.