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

Въведение

За хора, които тепърва започват кариерата си на програмиране, много от фундаменталните концепции, които сте научили досега, могат да започнат да се смесват, оставяйки ви да се чудите кои са най-важните части и с какво трябва да си тръгнете. Този блог има за цел да подчертае важните части и да демистифицира някои от въпросите, които може да имате относно функциите в JavaScript.

Цели на обучението

В този блог ще се запознаем по-подробно с:

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

Ключов речник:

Декларация на функция
Извикване на функция
Параметри
Аргументи

ЗАБЕЛЕЖКА:Препоръчвам ви да следвате заедно с отговор. Четенето не е и наполовина толкова добро, колкото правенето!

Деклариране на функция, която получава параметър

Декларацията на функция е самата функция или мястото, където изграждаме функцията.Например:

function myFunction(){
  // this is the code body
  // this is where would put the code that we want the function to execute
  // this function does nothing... so far!
}

Тук създадохме функция, наречена myFunction.myFunctionефункцията, а кодът по-горе е декларацията. Кодът започва с конструктора на функцията (думата функция), следван от името на функцията, в този случай myFunction, и след това набор от скоби последвано от двойка къдрави скоби. Кодът вътре във фигурните скоби е това, което наричаме тяло на кода. Сега нека добавим параметъркъм микса!

function myFunction(parameter){
  console.log("This is our parameter: ", parameter)
}

В кода по-горе добавихме параметър в скобите на функцията и след това конзолата го регистрира с малко съобщение вътре в тялото на кода на функцията. Параметърът е контейнер за друга информация, повече за това по-късно! Само един въпрос обаче... Как да стартираме този код?

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

Преди да преминем към извикване на функции, просто искам да ви задам един въпрос от реалния свят, който мисля, че наистина ще избие концепцията за деклариране и извикване на функции. Бихте ли се съгласили, че има разлика междунаправянето на кола инашофирането на кола? Абсолютно! Когато създаваме кола, ние проектираме колата според нашите специфични нужди, но това не означава, че ние също я караме. Когато караме колата, ние вече не я строим, ние я използваме така, както е проектирана. В тази аналогия колата е функцията. Изграждането на колата означава, че изграждаме функцията, докато шофираме колата, означава, че извикваме или извикваме функцията.

Обратно към бизнеса! За да извикаме функция, трябва да напишем името на функцията, последвано от набор от скоби. Това трябва да се случи след декларацията на функцията.

// This is the function delcaration
function myFunction(parameter){
  console.log("This is our parameter: ", parameter)
}

// after the function delcaration
// type the name of the function followed by a set of parentheses
myFunction() // this is the function invocation

Добавете този код към своя отговор и натиснете зеления бутон за възпроизвеждане. Трябва да видиш:

Нека разбием това. Добавихме кода към файла (лявата страна на прозореца за отговор) и след като натиснахме изпълнение, получихме нашето съобщение, регистрирано в конзолата (дясната страна на прозореца за отговор). Той гласи: „Това е нашият параметър: недефиниран“

Защо нашият параметър е недефиниран?

Параметри срещу аргументи

Параметрите и аргументите са обмен 1 към 1. Ако имаме един параметър, трябва да имаме един аргумент. Ако имаме два параметъра, имаме нужда от два аргумента и т.н. Когато проектирахме myFunction да получава параметър, написахме параметървътре в скобите на функцията. Когато правим това, ние казваме, че за да може myFunction да върши работата си правилно, трябва да получи един аргумент.

Връщайки се към примера с колата, за да работи колата, трябва да я захранваме с газ. В този пример газът ще бъде параметър. Но това, че колата се нуждае от газ, не означава, че сме на помпата и я зареждаме с бензин. Трябва да стигнем до бензиностанцията, да платим бензина, да хванем дръжката на помпата и тогава можем да започнем да пълним. Действието на физическото снабдяване на колата с газ е същото като предоставянето на аргумент на функция. И така, кога и къде предаваме аргумент на функцията?

Предаване на аргумент към функция

Предаваме аргумента, когато е време да извикаме функцията. На ред 8 от предишния пример с код извикваме myFunction. Вътре в скобите добавете името си във формат на низ в скобите по следния начин:

Сега, когато натиснем Run и проверим конзолата, виждаме „Това е нашият параметър: Луис“. Вместо недефиниран, имаме Луис! Преди беше недефинирано, защото не го предавахме, но сега, когато предаваме нещо, получаваме нещото, което сме предали, в този случай името Луис!

Параметърът може да бъде всичко, за което се сетите, като число:

може дори да бъде масив от числа:

Заключение

Функциите са неразделна част от създаването на допинг приложения с помощта на JavaScript. Можете да програмирате вашата функция да прави всичко, което ви хрумне. Със знанията, които получавате от тази статия, вие сте една стъпка по-близо до това да станете JavaScript инженер!