JavaScript Essentials

Урок 04 · 11 хв

Функції

Ім'я для шматка роботи. Далі в JS майже все — функції.

Функція дає ім'я шматку роботи, щоб не копіювати його по файлу. Далі на функціях тримається все: обробник кліку, колбек у map, запит до сервера.

Три способи записати одне й те саме

Оголошення через function доступне в усьому файлі, навіть вище в коді. Стрілка, записана в const, працює лише після свого рядка. Друга різниця важливіша: у стрілки немає власного this, вона бере його з навколишнього коду — для колбеків і обробників це зазвичай плюс.

AI

Можна спитати про це правило«Коротка стрілка повертає сама»

Забутий return
AI

Можна спитати про цей пункт«Суть уроку»

Параметри

За замовчуванням і залишкові

Значення за замовчуванням підставляється, коли аргумент дорівнює undefined — зокрема коли його не передали взагалі. null таким значенням не вважається: greet("Ada", null) поверне "null, Ada!". Якщо хочеш підстановку і для null, пиши ?? усередині функції.

AI

Можна спитати про цей пункт«Параметри»

Область видимості

Що звідки видно

Змінна видима всередині блоку { }, де оголошена, і в усіх вкладених блоках. Назовні — ні. Тому функція спокійно читає зовнішні константи, а зовнішній код її нутрощів не бачить.

AI

Можна спитати про це правило«Чиста функція»

Брудна й чиста
AI

Можна спитати про цей пункт«Область видимості»

Перевірка

Закріпи, поки не пішов далі

  1. 1. Що поверне const f = (n) => { n * 2; }; f(4)?

  2. 2. function greet(who, greeting = "Привіт"). Що поверне greet("Ada", null)?

  3. 3. Чи видно ззовні змінну, оголошену всередині функції?

  4. 4. Яка функція вважається чистою?