Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.
✏️ Разбираемся с типами данных (String, Number, BigInt, Boolean. Null, Undefined и Object), с проверкой типов через ключевое слово typeof и с их преобразованием через функции String(), Number() и Boolean(), а также с механикой интерполяции строк.
🔴 Timeline:
▶ 00:00 | Введение
▶ 00:21 | Типы данных
▶ 00:40 | Тип данных - String
▶ 00:55 | Интерполяция строк
▶ 02:05 | Тип данных - Number
▶ 03:13 | Тип данных - BigInt
▶ 04:46 | Тип данных - Boolean
▶ 05:26 | Тип данных - Null
▶ 05:46 | Тип данных - Undefined
▶ 06:12 | Объекты
▶ 07:08 | Проверка типов данных, оператор typeof
▶ 08:30 | Преобразование типов - неявное и явное
▶ 10:07 | Преобразование типов - String()
▶ 11:35 | Преобразование типов - Number()
▶ 12:36 | Преобразование типов - Boolean()
▶ 13:32 | Заключение
📚 Ссылки:
➖ Документация по JavaScript от MDN: developer.mozilla.org/ru/docs...
➖ Русскоязычный справочник по JavaScript Doka: doka.guide/js/
➖ Фундаментальный онлайн учебник по JavaScript: learn.javascript.ru/
➖ Почему typeof null === 'object': habr.com/ru/articles/200664/
💬 Чат в телеграмме (помощь новичкам):
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
Пікірлер: 46
📌 Друзья, в телеграмме у нас есть канал и отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь: 💬 Чат: t.me/friendlyFrontendChat ℹ Основной канал: t.me/friendlyFrontend Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂
Супер, очень нравится что все коротко и по делу, 13 мин всего, а столько всего затронуто!
как всегда почему то на порядок доходчивей чем у других!!
все понятно, спасибо
Спасибо, как всегда доступно, лаконично и познавательно!
Ну видно, парень шарит в этой теме. Ждем) 😎👍
Круто, всё расписал коротко и ясно. Если хотят подробности и тонкости - добро пожаловать в мир JavaScript :) если совсем хотите разобраться "углубленно" советую книги: "JavaScript для профессиональных веб-разработчиков" Мэтт Фрисби ( есть на русском 4-е издание) и "JavaScript полное руководство 7-е издание Дэвид Флэнган", но сразу оговорюсь, что материалы довольно не простые и придётся вникать. Либо ждать ролики от Александра Ламкова, где он объяснит основные моменты при работе с данным языком.
Thanks
Тема, вроде, простая, но информация суперполезная! Спасибо!
Я ещё не знаю JS но начинаю изучать. Сейчас я изучаю bootstrap и sass русский язык тоже)
Вы мой кумир! Я хочу стать разработчик!
Спасибо, информативно и понятно👍
спасибо! очень понятно и приятно смотреть!
Спасибо❤
Привет ,я поставил лайк и закладку , чтобы позже посмотреть .
Ооо, уже 3 видео))
null - баг JS, где-то злится один Мурыч )
Ля какой!
Я быстренько прошелся по css и html на метаните, сделал пару макетов по гайдам, и сейчас начал изучать жс, так вот, есть ли смысл изучать typescript пока выходит твой курс?
@AleksanderLamkov
4 ай бұрын
Привет! TypeScript я бы советовал изучать сильно позднее, после реакта, например.
Вы делаете большую работу! Благодарю
Отличное видео братик, но в JS нет примитивных типов данных согласно спецификаций (с) Мурыч
@AleksanderLamkov
4 ай бұрын
Считаешь, что стоит задушнить в начале курса, чтобы распугать всех начинающих?)
@luckytima2315
4 ай бұрын
@@AleksanderLamkov нет)) Это была рофло отсылка ) К батлу Soer vs Murich))
@kalts_daniil
4 ай бұрын
По факту это же абстракция для новичков, чтобы не путались )
Первый
А почему ты не рассказал про тип symbol
@AleksanderLamkov
4 ай бұрын
Я упомянул, что в этом уроке рассматриваем лишь некоторые из типов данных. Новичкам про Symbol не нужно знать ничего, кроме факта его существования.
@Fate095
4 ай бұрын
@@AleksanderLamkov хорошо Спасибо за ответ
Вёрстка сайта. Пожалуйста
@AleksanderLamkov
4 ай бұрын
Привет! На канале уже есть два мастер-класса по верстке :)
а есть big float?
@AleksanderLamkov
3 ай бұрын
Нет, такого нет. BigInt выполняет эту задачу.
@islamilyasoglu1724
3 ай бұрын
@@AleksanderLamkov Спасибо за ответ. Задам еще вопрос. А есть, что-то что можно использовать в цифрах где после точки например 12 знаков? В крипте например. А то приходится манипуляции проделывать. В строку, разбивать, переделывать в инт, после опять в строку и соединать ))
@AleksanderLamkov
3 ай бұрын
Не думаю, что 12 знаков после запятой вообще требуется как-то по-особенному обрабатывать в JS. Я бы манипулировал данными с типом Number / BigInt (если числа очень большие), не преобразовывая в строку. Но я могу ошибаться. Возможно вообще стоит перенести ответственность за подобные вычисления на бэк c более точными ЯП.
@islamilyasoglu1724
3 ай бұрын
@@AleksanderLamkov Спасибо. Ну, да мой вопрос вообще к фронтенду не относится. Это к бэкенду вообще-о. Но решил все же спросить, увидев что есть bigInt, обрадолвася думал есть и bigFloat ))) Жаль! Спасибо вам большое за ваши ответы. Буду ждать bigFloat на JS )) А такие манипуляции все же приходится делать. По крайнер мере мне точно )
@execute3840
Ай бұрын
@@islamilyasoglu1724 так number это и есть в реализации стандарт IEEE754 double, который даёт точность в нормализованном виде ({1-9}.{number}) до 16 знаков после запятой( хотя на самом деле всё сложнее: естественно никто не будет использовать 8байт для сложения 1+2, и там всё те же (u)int 32,16,8, но это уже определяется реализацией рантайма)
🤓Почему некорректно: if (myObj !== null && typeof myObj !== "undefined") , а if (typeof myObj !== "undefined" && myObj !== null) ok?
@AleksanderLamkov
3 ай бұрын
Привет! Не совсем так. Первое выражение: {} !== null && typeof {} !== 'undefined' Преобразуется в true 100%. Получить true при сравнении переменной, содержащей объект, с иной сущностью можно только, если эта сущность будет той же самой переменной или же переменной, содержащей в значении ссылку на исходную переменную с объектом. Ну а typeof объекта всегда вернет строку 'object'.
Один из самых холиварных вопросов: в чем отличие между null и undefined? 😂
@AleksanderLamkov
4 ай бұрын
Если не лезть в дебри документации, то из практически значимого для себя выделяю следующее: - результат проверки оператором typeof будет разным; - undefined не стоит присваивать переменным самостоятельно, лучше для этих целей использовать null или как я когда-то другими словами услышал, null - умышленное «ничто», а undefined - зачастую значение неожиданное, допущенное в коде скорее по ошибке.
@kalts_daniil
4 ай бұрын
@@AleksanderLamkov выходит null мы всегда задаём сами, а undefined присваивается неявно самим JS
@AleksanderLamkov
4 ай бұрын
Угу, в большинстве случаев именно так.
@execute3840
Ай бұрын
Null намеренное отсутствие объекта, undefined не присвоенное значение(т.е. инициализация "по умолчанию")
Почему ты назвал 2 специальных типа(object и null), а не просто ссылочный тип object и остальное примитивное?
@AleksanderLamkov
Ай бұрын
В некоторых источниках трактуют, что null - специальный отдельный тип, несмотря на то, что typeof null вернет 'object'.