Обложка канала

Дизайнер учит код

Канал о том, как дизайнер интерфейсов осваивает код, чтобы научиться создавать интерактивные прототипы.

Дизайнер учит код

9 лет назад
Открыть в
Функции. Часть 1

Как мне объяснили взрослые ребята, функции — это краеугольный камень JavaScript. Функции нужны для того, чтобы «прятать» в них большой код и вызывать его в нужных местах. Также, функции позволяют многократно исполнять нужный код. Пример простой функции:

var myFunction = function () {
console.log("Пёсики и котики!");
};
myFunction();
//result Пёсики и котики!


myFunction(); — вызывает функцию и исполняет её тело.

В функции можно передавать аргументы. Я не до конца разобрался, что это такое, но выглядит это так:

var cat = function (catName) {
console.log("Мой любимый котик — " + catName + ".");
}
cat("Чехов");
//result Мой любимый котик — Чехов.


catName — имя аргумента. При исполнении кода имя изменится на Чехов.

Функцию можно исполнять сколько угодно раз. Делается это с помощью цикла:

var cats = function (howManyTimes) {
for (var i = 0; i < howManyTimes; i++) {
console.log("Котик " + i);
}
};
cats(5);
//result Посчитает котиков до 5


cats(5); — количество итераций цикла.

В функцию можно передавать больше одного аргумента:

var doublePrint = function (howManyTimes, animal) {
for (var i = 0; i < howManyTimes; i++) {
console.log(" " + animal + i);
}
}
doublePrint (5, "Котик ");
//result Посчитает котиков до 5