ЈаваСцрипт функција и изрази функција (са примерима)

У овом упутству ћете научити о ЈаваСцрипт функцији и изразима функција уз помоћ примера.

ЈаваСцрипт функција

Функција је блок кода који извршава одређени задатак.

Претпоставимо да треба да креирате програм за стварање круга и његово бојење. Да бисте решили овај проблем, можете створити две функције:

  • функција за цртање круга
  • функција за бојење круга

Подјелом сложеног проблема на мање дијелове ваш програм је лако разумљив и може се поново користити.

ЈаваСцрипт такође има огроман број уграђених функција. На пример, 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();
Рад функције у ЈаваСцрипт-у

Пример 1: Прикажите текст

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Оутпут

 Поздрав!

Параметри функције

Функција се такође може декларисати са параметрима. Параметар је вредност која се преноси приликом декларисања функције.

Рад ЈаваСцрипт функције са параметром

Пример 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вредност.

Рад ЈаваСцрипт функције са наредбом ретурн

Пример 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израза враћа суму бројева . И та вредност се чува у променљиви резултата.

Предности употребе функције

  • Функција чини код поновним коришћењем. Можете га пријавити једном и користити више пута.
  • Функција олакшава програм јер се сваки мали задатак дели на функцију.
  • Функција повећава читљивост.

Изрази функција

У Јавасцрипту, функције се такође могу дефинисати као изрази. На пример,

 // 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

У горњем програму, променљива к се користи за чување функције. Овде се функција третира као израз. А функција се позива помоћу имена променљиве.

Горња функција се назива анонимна функција.

Напомена: У ЕС2015 изрази ЈаваСцрипт-а записују се као функције стрелице. О њима ћете сазнати у каснијим водичима.

Занимљиви Чланци...