Тёмный

Javascript. Стандарт ES6. Смысл, основные фишки и подвохи. 

Дмитрий Лаврик
Подписаться 57 тыс.
Просмотров 51 тыс.
50% 1

Обзор стандарта ES6. Объявление переменных: var, let и const. Стрелочные функции. Подстановка переменных в строки. Простое ООП. Оператор ... (spread). Поддержка браузерами. Очередная магия nodeJS - babel.
js.dmitrylavrik...

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

 

25 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 53   
@ВікторВінчіторе
Выпускай почаще уроки, очень понятно обьясняешь!
@accountundefined228
@accountundefined228 6 лет назад
Очень круто, что ты задаешь вопросы аудитории во время выбинара, и слушатель спрашивает себя "э ё, а я это знаю?", "опа, не знаю, надо подтянуть!". Ваще огонь выбинар твой! Планирую ещё их у тебя позырить)
@ivanandreichuk433
@ivanandreichuk433 7 лет назад
Ещё не смотрел. Но тема супер. Докладчик - наверное один лучших. вообще.
@anatolblackforest7615
@anatolblackforest7615 7 лет назад
CodeDojo посмотри.
@stephencurry8078
@stephencurry8078 4 года назад
@@anatolblackforest7615 там почти все платное
@БадрХари-с2щ
@БадрХари-с2щ 7 лет назад
я человек простой, вижу видео Лаврика - ставлю лайк.
@WashYourBack
@WashYourBack 7 лет назад
Один только минус, объяснить что такая то директива ведет себя так-то можно за 5 секунд (константа объявляется один раз и не изменяется, но если константа будет с типом объект, то значения этого объекта мы изменять сможем, вот Вам пример), а мы растягиваем это на 5 минут.
@МаринаВасиленко-з5с
Огромное спасибо за такие познавательные вебинары, все знания наконец-то упорядочилась )))
@DominicanaPuntaCana
@DominicanaPuntaCana 5 лет назад
Только сейчас посмотрел видео. Спасибо за вебинар, но есть неточности: 1. Дмитрий говорит о spread операторе, а в примере показывает rest. 2. "Нет рекурсий в стрелочных функциях", вы серьезно? Есть, причем проще и удобнее, видимо дело привычки. Да, и относится к ООП в JS можно по разному, но реализация в нем больше соответствует идеям Алана Кэя, чем ООП в C++.
@seanlangley7467
@seanlangley7467 6 лет назад
Спасибо за урок, юнга, снимаю перед тобой свою треуголку.
@PacoOfficial
@PacoOfficial 7 лет назад
ооо годнота от лаврика)) лайк, репост, вся фигня
@МаксимНырков-у6г
Устроился на работу? Что-то давно тебя не видел в коментах
@obvious_things
@obvious_things 7 лет назад
сморю твои вебинары как развлекательный контент) В том плане, что они очень позитивные. Качество в 720р конечно уже несерьезно, если стримить в 1080р проблемно, то параллельно со стримом бы записывал программой захвата и выкладывал бы запись в высоком качестве. А по ES6, тут конечно тот еще вопрос, в каких случая стоит его применять, ибо если все равно приходится перегонять через бабель ("препроцессор" для js) в ES5, то можно писать уже на TypeScript. Хотя, в будущем ES6 не нужна будет конвертация, что станет весомым преимуществом перед TypeScript.
@accountundefined228
@accountundefined228 6 лет назад
Зачет урок! Нормас объясняешь, всё вкуриваю с лету!
@denweb2408
@denweb2408 7 лет назад
Спасибо за видосы! Очень доходчиво рассказываешь!
@kellmen5975
@kellmen5975 6 лет назад
Про рекурсии запили видосик)
@oleksiipetrenko3824
@oleksiipetrenko3824 7 лет назад
Дмитрий, вы лучший! :) Скажите, а где можно узнать когда у вас появляются трансляции? А то я смотрю только уже в записи на ютубе
@ramazanchasygov3886
@ramazanchasygov3886 7 лет назад
vk.com/dmitrylavrik
@Игорь-м8л1я
@Игорь-м8л1я 6 лет назад
Плюсанул за ес6 ну и еще дополнительно за netbeans.
@protected5193
@protected5193 6 лет назад
Лавр красавчик
@Arctikus
@Arctikus 6 лет назад
Благодарю, очень познавательно!
@chip_a
@chip_a 6 лет назад
Спасибо ты самый крутой наставник
@uliasvatchenko9058
@uliasvatchenko9058 3 года назад
Мне ещё учиться и учиться........))
@vanrushvideosandtravels3159
@vanrushvideosandtravels3159 5 лет назад
1:23:01 - а вот такой js мне уже нравится
@Rudik4455
@Rudik4455 5 лет назад
кто из 2019?
@LevchukAnton
@LevchukAnton 4 года назад
Стыдно быть с 2020го и не знать es6(
@redhook777
@redhook777 3 года назад
@@LevchukAnton самый тупой комментарий, который я видел
@VorobyevAlexander
@VorobyevAlexander 5 лет назад
2019 год. А вот стоит ли пользоваться ES6 в реальных проектах (по крайней мере на открытых сайтах для всех). Иногда же в требованиях тот же ИЕ 11. use strict. А разве это не инструкция, что проверять четкое соответствие стандарту (и начиная с ES5) (я могу ошибаться) и запрещающая ряд вольностей? По поводу констант и объектов. Логика тут есть. Как я понимаю, переменные хранят не сам объект, а ссылку на объект. Т.е. если вы и в ES5 каким то двум объектвм добавите свойство типа объект (с третьим объектом в качестве значения). То "через" какой бы объект вы не меняли свойства третьего объекта, это будет отражаться везде. Т.е. здесь речь идет о константной ссылке на объект, а не об объекте константе....
@asgart_vocal
@asgart_vocal 7 лет назад
Дмитрий, а вы преподаете PHP ? УЖ очень нравится то как вы объясняете, на пальцах. Все доходчиво и понятно.
@АндрейИгнатьев-ы7ъ
Ну конечно, перейди к нему в профиль и там найдешь много интересного + он ведет свой блог в котором куча годной инфы
@Grandjets
@Grandjets 5 лет назад
for это оператор, как он может ограничить видимость переменной? он ее лишь объявляет/ let видимо убивает переменную цикла..
@ajladdin
@ajladdin 3 года назад
Круть
@SergiuBurduja-y1l
@SergiuBurduja-y1l 6 лет назад
Спасибо огромное, на сайте learnjavascript тоже можно почитать, но инфа не так заходит, и многое мимо. Хорошо когда есть хороший препод, и все на пальцах объясняет.
@kosoystudio
@kosoystudio 7 лет назад
что такое с картинкой почему черные полосы по бокам?
@serafim_ua
@serafim_ua 4 года назад
const MyTimer = function(t) { this.time = t; this.tick = () => { this.time -= 1; console.log(this.time); } this.run = () => setInterval(() => this.tick(),1000); } let t1 = new MyTimer(100); t1.run(); Все работает, главное желание и понимание ES 6 Хотя лучше так: const MyTimer = function (t, s = 0) { this.time = t; this.stop = s; this.tick = () => { this.time -= 1; console.log(this.time); } this.run = () => setInterval(() => (this.time
@sfiirwuejnn
@sfiirwuejnn 6 лет назад
Спасибо за урок
@yakut54
@yakut54 6 лет назад
Диман, красавчик!
@Денис3-ю2н
@Денис3-ю2н 7 лет назад
Мне кажется, что с появлением ES6, javascript и python стали еще более похожи: аргументы по умолчанию, spread похож на распаковку\запаковку последовательностей и т.д.
@Денис3-ю2н
@Денис3-ю2н 7 лет назад
А еще вижу форматирование строк и анонимную функцию))) Решено: учу дальше.
@vitalijslavrinovics8756
@vitalijslavrinovics8756 6 лет назад
Сложновато, сложновато для меня. Лутче основы nodeJS нам пожалуйста :)
@donBerezza
@donBerezza 7 лет назад
почему так поздно? уже есть ES-2017
@serzhuk22
@serzhuk22 7 лет назад
а где он поддерживается?
@klyopa2552
@klyopa2552 7 лет назад
/* Как по мне Ваш пример с ES5 ООП в целом и с наследованием в частности слишком утрирован, ведь там еще есть вполне норм метод Object.create() Например: */ var Man = { constr: function(name, age, sex) { this.name = name; this.age = age; this.sex = sex; return this; }, greeting: function () { console.log('Hi, my name is ' + this.name + ', Im ' + this.age + ' years old.'); } }; var alex = Object.create(Man).constr('Alex', 20, 'male'); alex.greeting(); // Наследование реализовано var Translator = Object.create(Man); Translator.constr = function (name, age, sex, languages) { Man.constr.apply(this, arguments); this.languages = languages; this.work = function () { console.log('Translating'); }; return this; }; // Метод изменен без копипаста, создан новый подкласс Translator класса Man var translatorAnya = Object.create(Translator).constr('Anya', 31, 'female', ['english', 'spanish', 'franch']); translatorAnya.work(); // Новый метод подкласса Translator присутствует и отрабатывает translatorAnya.greeting(); // Старый метод класса Man никуда не делся /*Вполне себе ООП. Как по мне ES6 принес только синтаксический сахар (super();) и более неабстрактное понятие класса. */
@klyopa2552
@klyopa2552 7 лет назад
Да, так правильно и нужно делать. Но пример не об этом)
@МихаилКосюк-ж2ю
@МихаилКосюк-ж2ю 5 лет назад
Не могу отделаться от впечатления, что js тырит все фишки у Java. const это final переменные, ... это varargs, а ООП вообще полная копия.
@KyivanEnjoyer
@KyivanEnjoyer 5 лет назад
зачем ";" в самом конце кода
@kstishko6771
@kstishko6771 5 лет назад
По-моему, стрелочные функции - это не сложно
@НиколайВладимирович-к5ф
pipe - это фильтр
@ПашаПлатонов-ч9ы
@ПашаПлатонов-ч9ы 4 года назад
мда, ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Spme1IW1ejg.html и чего это она должна быть не видима? Мне ну просто ОЧЕНЬ ИНТЕРЕСНО ПОЧЕМУ ЭТО БАГ? она была обьявлена в цикле, переменная создана, она на уровне тут же спрашивается, она хранит результат работы твоего счетчика, и в чем же баг???? это особенность данного применения переменной, такое поведение переменной есть во многих языках, и это не является багом пример, C# C++ и др. Если тебе станет легче, возьми 2 цикла, с одной и той же переменной и проверь результат между ними, и окажется что переменная переобьявляется) Знать об этой особенности и разнице в использовании var и let нужно, но называть нормальное поведение багом это откровенное вранье Не нужно говнокодить, и будет счастье и писать портянки, когда можно просто обернуть все в function, и вызвать его при ините, и ничего не будет вам прилетать, учитесь писать нормально, и учитывать правила, которые придуманы не даром, а в особенности нормально называть переменные, а не тыкать везде i и потом удивлятся что у вас он не равен 0!
@nikitafromov9269
@nikitafromov9269 6 лет назад
31:55
@pwklaid
@pwklaid 5 лет назад
+ звук есть
@hunabis2693
@hunabis2693 10 месяцев назад
я который смотрю это в 2023
@dr.kondakov
@dr.kondakov 6 лет назад
мозила? ею еще кто то пользуется?
Далее
Boxing !! 😂
00:21
Просмотров 3,2 млн
НОВЫЙ РОЛИК УЖЕ НА КАНАЛЕ!
00:14
Просмотров 709 тыс.
повтори звуки животного 😱
00:52
Giant Silver Chocolates ASMR With My Sister! 🤤
00:46
Понимание javascript - работа с DOM
1:41:12
Изучаем JavaScript за 90 минут
1:25:18
Просмотров 528 тыс.
Boxing !! 😂
00:21
Просмотров 3,2 млн