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

Подписаться 23 тыс.

Просмотров 2,4 тыс.

50% 1

✏️ Узнаем, что такое функция, как функцию в 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

Опубликовано:

1 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 34

@AleksanderLamkov 2 месяца назад

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

@Ruslan_Emurlaev 5 дней назад

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

@111atlus 18 дней назад

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

@alone3684 2 месяца назад

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

@an__pir 2 месяца назад

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

@user-zz8rg3ko8v Месяц назад

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

@smotritelyoutube 2 месяца назад

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

@virtuoz-ru 2 месяца назад

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

@mdayzz 2 месяца назад

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

@AlekDyaI 2 месяца назад

спасибо

@biscvie 2 месяца назад

Спасибо!

@aton_goldenstern 2 месяца назад

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

@user-dn6ku7go6h Месяц назад

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

@svitboomer8840 2 месяца назад

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

@AleksanderLamkov 2 месяца назад

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

@n1zych 2 месяца назад

👍

@OkazakiTomoyasan 2 месяца назад

💪

@izi.art.youtube 2 месяца назад

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

@AleksanderLamkov 2 месяца назад

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

@user-xl8wn6ge2m Месяц назад

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

@AlexAlex-bp9il Месяц назад

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

@AleksanderLamkov Месяц назад

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

@AlexAlex-bp9il Месяц назад

@@AleksanderLamkov 👍👍

@miwanjaGR 2 месяца назад

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

@AleksanderLamkov 2 месяца назад

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

@M4es1ro 19 дней назад

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

@AleksanderLamkov 19 дней назад

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

@M4es1ro 19 дней назад

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

@AleksanderLamkov 19 дней назад

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

@M4es1ro 19 дней назад

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

@AleksanderLamkov 19 дней назад

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

@m.g.0416 2 месяца назад

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

@AleksanderLamkov 2 месяца назад

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

@alexb.2616 2 месяца назад

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