6. Основи роботи з функціями

1. Частина, де ми говоримо про JS

1.1. Functions

1.1.1. Структура функції

1.1.1.1. Оголошення та виклик

1.1.1.2. Змінні локальні та зовнішні (глобальні)

1.1.1.2.1. Чим менше зовнішніх змінних тим краще

1.1.1.3. Параметри та аргументи

1.1.1.3.1. дефолтні значення

1.1.1.4. Директива 'return' та її особливості

1.1.1.4.1. У функції може бути багато `return`

1.1.1.4.2. Якщо функція немає `return`/ має порожній `return`, то це всеодно що вона має `return undefined`

1.1.1.5. Функції чисті та нечисті

1.1.1.5.1. Функція чиста якщо: 1) Кожного разу, коли вона викликається з тим же набором аргументів, функція повертає однаковий результат 2) Не має побічних ефектів

1.1.1.6. Q&A

1.1.2. Види оголошення функцій

1.1.2.1. Function Declaration

1.1.2.1.1. function sum(a, b) { return a + b; }

1.1.2.1.2. Чудово працює для колбеків

1.1.2.1.3. Може бути викликана раніше, ніж вона оголошена

1.1.2.1.4. має блочну область видимості

1.1.2.1.5. Q&A

1.1.2.2. Function Expression

1.1.2.2.1. let sum = function(a, b) { return a + b; };

1.1.2.2.2. Створюється коли виконання доходить до нього, після чого вже може використовуватися.

1.1.2.2.3. Має окремий підвид Immediately-invoked Function Expression (IIFE)

1.1.2.2.4. Q&A

1.1.2.3. Arrow functions

1.1.2.3.1. let sum = (a, b) => a + b;

1.1.2.3.2. Можна використовувати як function expression

1.1.2.3.3. Чудово працює для колбеків

1.1.2.3.4. Q&A

1.1.3. Про що варто пам'ятати

1.1.3.1. 1 дія - 1 функція

1.1.3.2. Бажано аби імена відображали суть функції

1.1.3.3. Використовуйте коментарі опису для комплексної логіки

1.1.3.4. Q&A

1.1.4. Рекурсія

1.1.4.1. Рекурсія – це виклик функцією самої себе

1.1.4.2. Рекурсивний метод - це альтернатива ітеративному

1.1.4.3. Рекурсивні функції коротчі, легше читаються та підтримуються

1.1.4.4. Є обмеження по глибині

1.1.4.5. Q&A

2. Епілог

2.1. Екстра матеріали

2.1.1. Про function declaration та function expression https://www.freecodecamp.org/news/when-to-use-a-function-declarations-vs-a-function-expression-70f15152a0a0/

2.1.2. Про рекурсію https://developer.mozilla.org/en-US/docs/Glossary/Recursion?retiredLocale=uk

2.2. Домашнє завдання

2.3. Тизер-трейлер наступного вебінару

2.3.1. Q&A