Типы данных в 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

  • @AleksanderLamkov
    @AleksanderLamkov4 ай бұрын

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

  • @smotritelyoutube
    @smotritelyoutube4 ай бұрын

    Супер, очень нравится что все коротко и по делу, 13 мин всего, а столько всего затронуто!

  • @egorrublev5529
    @egorrublev55294 ай бұрын

    как всегда почему то на порядок доходчивей чем у других!!

  • @user-is9nx5je5t
    @user-is9nx5je5t17 күн бұрын

    все понятно, спасибо

  • @pligin_web_dev
    @pligin_web_dev4 ай бұрын

    Спасибо, как всегда доступно, лаконично и познавательно!

  • @miwanjaGR
    @miwanjaGR4 ай бұрын

    Ну видно, парень шарит в этой теме. Ждем) 😎👍

  • @errorerror3564
    @errorerror35644 ай бұрын

    Круто, всё расписал коротко и ясно. Если хотят подробности и тонкости - добро пожаловать в мир JavaScript :) если совсем хотите разобраться "углубленно" советую книги: "JavaScript для профессиональных веб-разработчиков" Мэтт Фрисби ( есть на русском 4-е издание) и "JavaScript полное руководство 7-е издание Дэвид Флэнган", но сразу оговорюсь, что материалы довольно не простые и придётся вникать. Либо ждать ролики от Александра Ламкова, где он объяснит основные моменты при работе с данным языком.

  • @TeomunMete
    @TeomunMeteАй бұрын

    Thanks

  • @alexb.2616
    @alexb.26163 ай бұрын

    Тема, вроде, простая, но информация суперполезная! Спасибо!

  • @user-kb9xf9lb2j
    @user-kb9xf9lb2j3 ай бұрын

    Я ещё не знаю JS но начинаю изучать. Сейчас я изучаю bootstrap и sass русский язык тоже)

  • @user-kb9xf9lb2j
    @user-kb9xf9lb2j3 ай бұрын

    Вы мой кумир! Я хочу стать разработчик!

  • @yatutbylyatutbyl3939
    @yatutbylyatutbyl39393 ай бұрын

    Спасибо, информативно и понятно👍

  • @user-so4gg7rc9c
    @user-so4gg7rc9c3 ай бұрын

    спасибо! очень понятно и приятно смотреть!

  • @biscvie
    @biscvie4 ай бұрын

    Спасибо❤

  • @HelloHovo
    @HelloHovo4 ай бұрын

    Привет ,я поставил лайк и закладку , чтобы позже посмотреть .

  • @user-uf2ur4bw7m
    @user-uf2ur4bw7m4 ай бұрын

    Ооо, уже 3 видео))

  • @TheRainGameTM
    @TheRainGameTM4 ай бұрын

    null - баг JS, где-то злится один Мурыч )

  • @svitboomer8840
    @svitboomer88404 ай бұрын

    Ля какой!

  • @featureless6022
    @featureless60224 ай бұрын

    Я быстренько прошелся по css и html на метаните, сделал пару макетов по гайдам, и сейчас начал изучать жс, так вот, есть ли смысл изучать typescript пока выходит твой курс?

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Привет! TypeScript я бы советовал изучать сильно позднее, после реакта, например.

  • @user-qx6hn1qw8r
    @user-qx6hn1qw8r3 ай бұрын

    Вы делаете большую работу! Благодарю

  • @luckytima2315
    @luckytima23154 ай бұрын

    Отличное видео братик, но в JS нет примитивных типов данных согласно спецификаций (с) Мурыч

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Считаешь, что стоит задушнить в начале курса, чтобы распугать всех начинающих?)

  • @luckytima2315

    @luckytima2315

    4 ай бұрын

    @@AleksanderLamkov нет)) Это была рофло отсылка ) К батлу Soer vs Murich))

  • @kalts_daniil

    @kalts_daniil

    4 ай бұрын

    По факту это же абстракция для новичков, чтобы не путались )

  • @n1zych
    @n1zych4 ай бұрын

    Первый

  • @Fate095
    @Fate0954 ай бұрын

    А почему ты не рассказал про тип symbol

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Я упомянул, что в этом уроке рассматриваем лишь некоторые из типов данных. Новичкам про Symbol не нужно знать ничего, кроме факта его существования.

  • @Fate095

    @Fate095

    4 ай бұрын

    @@AleksanderLamkov хорошо Спасибо за ответ

  • 4 ай бұрын

    Вёрстка сайта. Пожалуйста

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Привет! На канале уже есть два мастер-класса по верстке :)

  • @islamilyasoglu1724
    @islamilyasoglu17243 ай бұрын

    а есть big float?

  • @AleksanderLamkov

    @AleksanderLamkov

    3 ай бұрын

    Нет, такого нет. BigInt выполняет эту задачу.

  • @islamilyasoglu1724

    @islamilyasoglu1724

    3 ай бұрын

    @@AleksanderLamkov Спасибо за ответ. Задам еще вопрос. А есть, что-то что можно использовать в цифрах где после точки например 12 знаков? В крипте например. А то приходится манипуляции проделывать. В строку, разбивать, переделывать в инт, после опять в строку и соединать ))

  • @AleksanderLamkov

    @AleksanderLamkov

    3 ай бұрын

    Не думаю, что 12 знаков после запятой вообще требуется как-то по-особенному обрабатывать в JS. Я бы манипулировал данными с типом Number / BigInt (если числа очень большие), не преобразовывая в строку. Но я могу ошибаться. Возможно вообще стоит перенести ответственность за подобные вычисления на бэк c более точными ЯП.

  • @islamilyasoglu1724

    @islamilyasoglu1724

    3 ай бұрын

    @@AleksanderLamkov Спасибо. Ну, да мой вопрос вообще к фронтенду не относится. Это к бэкенду вообще-о. Но решил все же спросить, увидев что есть bigInt, обрадолвася думал есть и bigFloat ))) Жаль! Спасибо вам большое за ваши ответы. Буду ждать bigFloat на JS )) А такие манипуляции все же приходится делать. По крайнер мере мне точно )

  • @execute3840

    @execute3840

    Ай бұрын

    ​@@islamilyasoglu1724 так number это и есть в реализации стандарт IEEE754 double, который даёт точность в нормализованном виде ({1-9}.{number}) до 16 знаков после запятой( хотя на самом деле всё сложнее: естественно никто не будет использовать 8байт для сложения 1+2, и там всё те же (u)int 32,16,8, но это уже определяется реализацией рантайма)

  • @Maria-sm2qi
    @Maria-sm2qi3 ай бұрын

    🤓Почему некорректно: if (myObj !== null && typeof myObj !== "undefined") , а if (typeof myObj !== "undefined" && myObj !== null) ok?

  • @AleksanderLamkov

    @AleksanderLamkov

    3 ай бұрын

    Привет! Не совсем так. Первое выражение: {} !== null && typeof {} !== 'undefined' Преобразуется в true 100%. Получить true при сравнении переменной, содержащей объект, с иной сущностью можно только, если эта сущность будет той же самой переменной или же переменной, содержащей в значении ссылку на исходную переменную с объектом. Ну а typeof объекта всегда вернет строку 'object'.

  • @kalts_daniil
    @kalts_daniil4 ай бұрын

    Один из самых холиварных вопросов: в чем отличие между null и undefined? 😂

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Если не лезть в дебри документации, то из практически значимого для себя выделяю следующее: - результат проверки оператором typeof будет разным; - undefined не стоит присваивать переменным самостоятельно, лучше для этих целей использовать null или как я когда-то другими словами услышал, null - умышленное «ничто», а undefined - зачастую значение неожиданное, допущенное в коде скорее по ошибке.

  • @kalts_daniil

    @kalts_daniil

    4 ай бұрын

    ​@@AleksanderLamkov выходит null мы всегда задаём сами, а undefined присваивается неявно самим JS

  • @AleksanderLamkov

    @AleksanderLamkov

    4 ай бұрын

    Угу, в большинстве случаев именно так.

  • @execute3840

    @execute3840

    Ай бұрын

    Null намеренное отсутствие объекта, undefined не присвоенное значение(т.е. инициализация "по умолчанию")

  • @hyperpocket.
    @hyperpocket.Ай бұрын

    Почему ты назвал 2 специальных типа(object и null), а не просто ссылочный тип object и остальное примитивное?

  • @AleksanderLamkov

    @AleksanderLamkov

    Ай бұрын

    В некоторых источниках трактуют, что null - специальный отдельный тип, несмотря на то, что typeof null вернет 'object'.

Келесі