Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.

✏️ Узнаем, что такое функция, как функцию в JavaScript объявить, разберемся с понятием "область видимости" в контексте функций, познаем разницу между параметрами и аргументами функции, научимся указывать значения параметрам функции по умолчанию, и ответим на вопрос, что такое return и как вообще работать с механикой возврата из функции.
🔴 Timeline:
▶ 00:00​ | Введение
▶ 00:15​ | Что такое функция
▶ 01:01​ | Базовый синтаксис функций - объявление функции
▶ 02:29​ | Область видимости
▶ 06:40​ | Параметры функции и аргументы
▶ 10:14​ | Значения параметров функции по умолчанию
▶ 13:34​ | Возврат значения из функции. Что такое return?
▶ 19:05​ | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
💬 Чат в телеграмме (помощь новичкам):
t.me/friendlyFrontendChat
🔸 Boosty (поддержать канал):
boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале:
🟠 HTML: • HTML курс 2024
🔵 CSS: • CSS курс 2024
🟡 JS: • JavaScript курс 2024
🟢 A11y: • Accessibility курс 2024
⚪️ Мастер-класс по верстке для новичков: • Верстка Kropp Fitness ...
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): • Верстка Positivus (HTM...
🗺 Frontend Roadmap 2024 • Frontend Roadmap 2024 ...
📌 Автор:
➖ Личный сайт: aleksanderlamkov.ru/
➖ Telegram: t.me/friendlyFrontend
➖ Boosty: boosty.to/friendly-frontend
➖ GetMentor: getmentor.dev/mentor/aleksand...
➖ Solvery: solvery.io/mentor/aleksanderl...
#frontend #фронтенд #js #javascript

[@AleksanderLamkov]

📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 t.me/friendlyFrontendChat Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

[@alone3684]

Каждое видео с нетерпением жду!

[@111atlus]

И еще раз благодарочка! Спасибо! :)

[@Ruslan_Emurlaev]

Спасибо за видео!

[@an__pir]

Спасибо, за ваше желание помочь новичкам в JS.

[@user-zz8rg3ko8v]

Про области видимости хорошее объяснение, спасибо

[@virtuoz-ru]

Чётко, ясно и всё по делу. Красава 👍

[@smotritelyoutube]

Супер как всегда!

[@mdayzz]

Спасибо за великолепные уроки! ♥

[@AlekDyaI]

спасибо

[@biscvie]

Спасибо!

[@n1zych]

👍

[@OkazakiTomoyasan]

💪

[@aton_goldenstern]

респект за продуктивность и качественный контент) предложение: подавать материал помедленнее, приходится тебя на 0.75 ставить. Хотя может я один такой) В любом случае ты молодец, что тратишь столько времени и усилий в создание обучающих материалов, это вызывает в любом случае только уважение)

[@user-dn6ku7go6h]

ты такой не один) я практически всех кого смотрю по урокам сразу ставлю на 0.75 )) устал перематывать)

[@svitboomer8840]

А я чет не понял?! А почему никто не написал, что у Саши новый фон? Лично я заметил книги от Робина Мартина: "Чистый код" (вторая справа) и, возможно, "Идеальная работа (первая справа). Программирование без прикрас". Другие две: "Идеальный программист" и "Чистая архитектура". Как твоё мнение, Саш, про "Чистый код", ходят спорные мнения, хотя мне кажется, что концепции там заложены правильные, хоть код чуток и устарел, но это посредственно. И стул то новый, ля красивый. Интересно, что в черной коробке 🤔Моя ставка - заготовки ES 2025

[@AleksanderLamkov]

Да, там все 4 желтые книги Роберта Мартина, все хороши! Чистый код не устареет, там по полочкам основы основ даны, так что смело можно брать и просвещаться 😄 P. S. Из-за экспериментов со светом бежевая коробка превратилась в черную 😮

[@izi.art.youtube]

Полезный видеоролик Щас практикую джаваскрипт очень даже помогли 🤌 можете ли вы снять видео о том как выложить в интернет веб сайты или приложении Спасибо 🙏

[@AleksanderLamkov]

Привет! Про деплой сайта - хорошая идея, спасибо!

[@miwanjaGR]

если вдруг дальше будет TS или что-то из фреймворков, надо на доску тоже выводить)

[@AleksanderLamkov]

Обязательно! На то этот девайс и приобрел :)

[@user-xl8wn6ge2m]

Возраст не может быть меньше 0 а меньше 1 - может. Хотя есть ньюанс - в некоторых странах возраст считают от зачатия.

[@AlexAlex-bp9il]

А в vscode есть какое-нибудь расширение для подписи типов данных, как в вебсторме ?

[@AleksanderLamkov]

Привет! Вручную можно включить в settings.json через эту настройку: "editor.inlayHints.enabled": "on"

[@AlexAlex-bp9il]

@@AleksanderLamkov 👍👍

[@M4es1ro]

А зачем в дочерних функциях каждый раз объявлять message через const? Нелья ли просто написать что message=2 или message =3?

[@AleksanderLamkov]

Привет! Это сделано для примера, чтобы показать механику работы области видимости. Мы каждый раз в каждой области видимости объявляем новую переменную с одним и тем же названием. Если бы переменные были объявлены в одной области видимости: const a = 1 const b = 2 …то JS выдавал бы ошибку.

[@M4es1ro]

@@AleksanderLamkov я понял что вы хотите показать механику работы области видимости. Но разве дочерние функции не видят message? Почему в них просто не перезаписать данные?

[@AleksanderLamkov]

Видят, но в том то и дело, что во внутренней области видимости мы не переиспользуем существующую в родительской области видимости переменную, а создаем новую, с тем же именем. Если не писать ключевое слово const перед именами переменнных во внутренних областях видимости, то вообще будет ошибка, т. к. фактически мы будем пытаться переопределить значение константной переменной, которая объявлена в верхней области видимости. Если для первой объявленной переменной message в верхней области видимости поменять ключевое слово const на let, а затем для message во внутренних областях видимости убрать ключевые слова const в начале инструкций, то код будет рабочим, мы каждый раз будем переопределять одну и ту же переменную, которая объявлена на самой верхней области видимости.

[@M4es1ro]

@@AleksanderLamkov а блин, const же нельзя перезаписывать в отличии от let. Тогда возникает вопрос как мы перезвписываем в о внутренних областях? Получается мы создаем локальную переменную внутри? Странно работает всё конечно.

[@AleksanderLamkov]

Да, всё верно, мы всякий раз создаем новую локальную переменную, доступную в рамках области видимости, ограниченной фигурными скобками {}.

[@m.g.0416]

Александр, я так понимаю, вы senior в разработке? А почему решили делать контент 'разработка с ноля'? Я понимаю, что такие видео делать проще, но таких видео в просторах интернета превеликое множество. Почему не более сложные концепции?

[@AleksanderLamkov]

Привет! Грейд грейду рознь, поэтому предпочитаю не вешать на себя ярлык с «уровнем» :) Создание этого ютуб-канала - прямое продолжение моего предыдущего занятия. Ранее я полтора года менторил и консультировал разработчиков начального уровня. Однажды пришло понимание, что эта деятельность не масштабируется (количество проводимых часовых сессий в сутки ограничено количеством свободных от работы, сна и личной жизни часов). С того момента решил делиться своей экспертизой в более масштабном ключе - через ютуб. Ну и контент поначалу я захотел делать именно для новичков. Уровень сложности материалов плавно повышается, чтобы зрителям было проще потреблять информацию. От простого к сложному - в этом и заключается концепция моего контента. Ну а ещё причина такой сложности моего контента - я не считаю, что по базе фронтенда на ютубе достаточное количество актуальных качественных материалов.

[@alexb.2616]

"я не считаю, что по базе фронтенда на ютубе достаточное количество актуальных качественных материалов" - согласен. И каждый раз - тема уже знакома и используется, а всё равно что-то новое из ролика узнаёшь. Саша, спасибо!