ES6 #1. Let, Const и Var (Как объявлять переменные в JavaScript правильно, в чем разница)?

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

Просмотров 27 тыс.

50% 1

Мой Telegram: t.me/stackdevru
В этом видео мы разберемся, какие есть способы объявлять переменные в Javascript, их преимущества и недостатки. Если раньше мы могли использовать только Var, то после выхода редакции JS ES6, мы можем также использовать Let и Const.
Мы разберёмся в чём разница между операторами var, let, и const и затронем тему области видимости функции и блока.
В конце видео я расскажу о там, как я объявляю переменные, когда пишу свой код.
Плейлист курса ES6: • ES6 - Все Новые Фичи в...
Мои Курсы:
Gatsby JS (полный курс): gatsbyjs.ru
React для начинающих: react001.ru
Все мои курсы (+ исходные файлы): stackdev.ru
Подписывайся на соц сети:
Telegram: t.me/stackdevru
VK: vasilymur
Instagram: / vm_online
Мой блог о веб-разработке: stackdev.blog

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

16 янв 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@user-cd1sr5sx2r 3 года назад

Спасибо за урок, очень важно, когда рассказывают и показывают именно ключевые отличия.

@user-qx6ow6kb6q Год назад

Лучшее видео по этой теме

@stackdev Год назад

Спасибо!

@zmerz Год назад

Супер!Все понятно наконец!Спасибо!

@catsapp 2 года назад

Хоть я изучаю ява-скрипт 10 лет, всё равно что-то нашел новое для себя

@IT-yp5te 5 месяцев назад

Все очень доходчиво, коротко и ясно. Спасибо

@RomanBers Год назад

Непонятно, почему так мало лайков? Василий, спасибо за материал, объясняете очень грамотно и доступно. Из всех уроков по теме, ваш - лучший.

@stackdev Год назад

Спасибо за поддержку!

@FilmsMediaTV Год назад

Спасибо за такое понятное разъяснение

@gogo-jr3im 11 месяцев назад

ЭТО САМОЕ ПОНЯТНОЕ ОБЪЯСНЕНИЕ!

@user-ss3qy3zu9k 4 месяца назад

Классное объяснение. Спасибо!

@user-ff3lc1et3u 2 года назад

Спасибо за отличные и понятные уроки. Успехов каналу.

@stackdev 2 года назад

Спасибо большое!

@aizhanrakhmetova2071 Год назад

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

@sergdonskikh2140 3 года назад

Благодарю за хорошие уроки !

@stackdev 3 года назад

Спасибо!

@jsb7239 3 года назад

Благодарю 👍🏻 с меня подписка!😉

@alexidino 2 года назад

Лайк. благодарность, повторяю основы, заучиваю все для собеседований. Если кто то начинает учить JS с этого ролика, вам очень повезло с каналом, не бросайте, просто заучивайте, полное понимание придет само чуть позже.

@alexidino Год назад

@@theulanoff доделываю портфолио, чёт я затянул.

@user-ef2pn4zc8f Год назад

@@alexidino Уже были собеседования?

@pavelgr353 2 года назад

Спасибо. Очень понятно объясняете.

@stackdev 2 года назад

Спасибо!

@TheAntoha95 3 года назад

Спасибо большое за реакт и js. Плюс подписка)

@stackdev 3 года назад

Спасибо за поддержку!

@bestlife9681 2 года назад

Хороший контент.Спасибо!!!

@stackdev 2 года назад

Спасибо!

@spaceresident6160 3 года назад

Спасибо за подробное объяснение

@stackdev 3 года назад

Спасибо!

@nikemoscow8881 Год назад

Хорошая лекция. Искал среди спорщиков хабра истину. Там больше совсем частных мнений, а здесь автор хорошо рассказывает.

@stackdev Год назад

Спасибо!

@Anvar_Batalov 7 месяцев назад

Лучшее объяснение! Спасибо!

@stackdev 7 месяцев назад

Спасибо!

@MegaPupizoid Год назад

Cпасибо за объяснения. Обычно перечисляют вскользь и говорят какие типы переменных. Не говорят про область видимости

@SkarkS 8 месяцев назад

Очень качественный контент!

@stackdev 8 месяцев назад

Спасибо!

@delusio5638 Год назад

var не плохая а просто шустрая инструкция, следить за ней надo)))))))))

@kinomir20 Год назад

Спасибо!

@daniilthegunner843 Год назад

Объясните пожалуйста типичную задачу с собеса про цикл и settimeout в нем. почему если в цикле переменная объявлена с помощью var, то выведется самое последнее число, а если через let, то выведется каждая итерация

@ooldstar Год назад

Awesome!

@stackdev Год назад

Thanx!

@cocobill13 2 года назад

Думаю можно дополнить, если выключить турбофан в v8, то код с var работает быстрее, поскольку в компиляторе не создаеться код для проверок области вызывания кода и повторного присвоения значения, как в const і в let(без второго пункта). Если не ошибаюсь в реакте и вью, бабель с Es2015 переписывает в Es5, для использования в разных браузерах, и меняет let и const на var.

@catsapp 2 года назад

Не понимаю зачем КОНСТ вообще нужен. Можно было что-то такое let Myname: freeze = "Adam"

@user-cd1sr5sx2r 3 года назад

Единственное я бы чуть довил, хотя это скорее уже не тема этого урока: объявление переменных. Но если это не уточнить, могут появится "непонятки". Если в примере про штраф в блоке if {} задавать значение переменной shtraf без объявления с помощью let, то потом значение shtraf будет true.

@stackdev 3 года назад

Да - но мы же объвляем переменную штраф выше - с помощью let. Если потом в блоке if сказать {shtraf = false} - то обновится значение "оригинальной переменной".

@user-cd1sr5sx2r 3 года назад

@@stackdev Я про это и говорю, просто я сказал бы чуть по другому. Когда задается значение переменной, переменная ищется в этой области видимости и если не находится, ищется в глобальной области видимости по отношению к текущей. Просто вы очень хорошо рассказали , что var позволяет несколько раз объявлять переменные в одной области видимости, а let этого не позволяет. но я просто уточню, может это тема не этого урока. Просто могло создаться ложное представление об использовании глобальных переменных в блоке. мое мнение. спасибо за урок. Учебников много, а интересно, когда рассматриваются "подводные камни".

@idaroff Год назад

а как прога называется?

@liliyadolera3926 Год назад

а в каком редакторе это делается, подскажите пожалуйста

@stackdev Год назад

VSCode

@liliyadolera3926 Год назад

@@stackdev спасибо!

@grantorino3465 Год назад

а про hoisting у var кто будет рассказывать? Или сам не знаешь?

@ejafarow 3 года назад

Ты Sorax 21 года!

@stackdev 3 года назад

Спасибо!

@catsapp 2 года назад

Не застал его

@user-du2tj2ph2z 5 месяцев назад

Вроде всё понятно, но я не могу, опять нечего понять

@DmitryDaren Год назад

уважаемый, мне думается это объяснение даже яснее чем Beau с канала freecodecamp. Хотя там он приводит пример с циклом..

@andTutin 2 года назад

6:33 это одна и та же переменная, а не две

@ruslanadam8151 28 дней назад

гут

@user-qj2yg1rn3j 2 года назад

КАПЕЕЕЕЦ!!! Я ДОГНАЛ!!!!!!!!!! я догнал ОБЛАСТЬ ВИДИМОСТИ ДЛЯ КАЖДОЙ ПЕРЕМЕНОЙ!!! КАРЛ!!!! var - функция и let, const блочная () боже, теперь я понял эти сраные задачки про let и var

@catsapp 2 года назад

yes! Это еще раз показывает насколько все документации дебильные, потому что не могут обьяснить простые вещи. А они на самом деле несложные.