Новое и полезное в Javascript 2024: await без async, тьюплы и promise без контекста

Sdílet
Vložit
  • čas přidán 26. 07. 2024
  • Каждый год стараюсь следить за изменениями и предложениями в Javascript. В этом видео расскажу про 5 самых интересных для массового программиста нововведений в EcmaScript 2024
    Таймкоды:
    00:00 Вступление
    00:36 await без async
    01:22 Пайплайн-операторы
    03:35 Группировка элементов массива
    05:22 Работа с Promise вне контекста
    07:33 Записи и Тьюплы
    08:42 Заключение
    НЕТ ВОЙНЕ!
    Выразить благодарность
    ko-fi.com/larchanka
    boosty.to/larchanka
    yoomoney.ru/to/410011886858328
    BTC: 127J5x79L9bb7T4jiYJ2U7jHNDLXEx4kT3
    USDT (TRC20): TWRQit8o1JJGWjAph3DZFysygUxSwqiq9Q
    TON: UQBDiFGDTLpp1zWLefv0LnH9TbEeUIcPSoO5uDNwhzktKP33
    Как я стал программистом
    • КАК Я СТАЛ ПРОГРАММИСТОМ
    Как я переехал в Европу
    • Как я переехал в Европу
    Стрим: Карьера программиста
    • Карьера программиста: ...
    VPN, который я использую
    get.surfshark.net/SH1Wy
    ➡️ Сайт: i.mobila.name/xT
    ➡️ Instagram: i.mobila.name/yp
    ➡️ Twitter: i.mobila.name/Ua
    ➡️ Telegram: i.mobila.name/b7d
    👉🏻 Больше влогов здесь:
    #larchankavlog #larchanka
    👉🏻 Ежедневные влоги:
    #larchankadaily
    👉🏻 Чем я снимаю:
    ➡️ iPhone 14 Pro
    ➡️ Еще одна камера: DJi Osmo Action
    ➡️ Еще одна камера: Sony DSC-WX500

Komentáře • 123

  • @liz2k
    @liz2k Před 17 dny +36

    Для меня новое это .with :D

  • @vasylvoina6663
    @vasylvoina6663 Před 17 dny +20

    Действительно господа, раньше я страдал от отсутствия оператора пайп "|". Без этого оператора я тупо не мог понять, как изменить ети переменные странные, а теперь как пойдет работа, как закрутиться все! Ух! Уже бегу изменять переменные, которые ждут своих изменений.

    • @tuku_mann
      @tuku_mann Před 17 dny +2

      Спасибо, что поделились вашей болью, я тоже из-за этого в js не мог(

    • @SergeyIT
      @SergeyIT Před 17 dny

      Не перезакручивайтесь только

    • @dmitrykisel9564
      @dmitrykisel9564 Před 17 dny

      Наконец-то можно работать с JS!

    • @barbiturat1
      @barbiturat1 Před 17 dny +2

      На самом деле это очень полезный оператор. Он позволяет
      1. Писать более компактный код
      2. Группировать изменения связанные с одной переменной вместе, что способствует читаемости кода.
      3. Уменьшить в коде число переменных и констант что способствует уменьшению числа возможных ошибок связанных с этим. Это например тот момент из за которого некоторые люди переходят на функциональное программирование.

    • @mikemerinoff
      @mikemerinoff Před 17 dny +1

      Напишите код, который трансформирует данные переменной, не создавая новых переменных. Если вам близок такой код, поищите работу на лиспе

  • @pasza
    @pasza Před 17 dny +6

    3:06 пайплайн-операторы не применяются к переменной по очереди; они вычисляют выражение, которое по итогу один раз записывается в переменную "num"; полезное нововведение

  • @bloodjopa
    @bloodjopa Před 12 dny +5

    осталось сафари познакомиться с этими достижениями js

  • @ruslan-abdullaev
    @ruslan-abdullaev Před 17 dny +6

    И совсем ничего про новые методы Set - intersection, union, difference, etc

  • @BlankaSmidova-j3u
    @BlankaSmidova-j3u Před 15 dny +50

    А какие методы groupBy для массивов ты считаешь самыми полезными?) я тоже недавно решил сменить сферу и выбрал курсы Skypro для этого)) долго сомневался но не пожалел))

    • @drak0an
      @drak0an Před 9 dny +1

      спамерский коммент, накрученные лайки.

    • @danke1673
      @danke1673 Před 8 dny +1

      спам коммент сгенерированный чат гпт для рекламы скайпро лол

  • @HEX_CAT
    @HEX_CAT Před 17 dny +1

    Лайк в поддержку видео❤

  • @nazarfilippov2636
    @nazarfilippov2636 Před 16 dny +5

    А почему мы не можем использовать метод Object.freeze() вместо последнего нововведения (#)?

  • @demimurych1
    @demimurych1 Před 16 dny +4

    топ левел await - єто превращение вашего топ левел кода в генератор со всеми вытекающими: от самой большого потреблерия ресурсов по сравнению с другими возможностями js, до отсутствия єффективных способов оптимизации такого кода или крайняя сложность оптимизации таких генераторов.
    что абсолютно справедливо и для обычной async функции

    • @drak0an
      @drak0an Před 9 dny +1

      Всегда на страже центрального процессора!

  • @user-hijjjkkbv345
    @user-hijjjkkbv345 Před 10 dny

    Спасибо больше ,полезная информация.

  • @iconfael
    @iconfael Před 17 dny +5

    Про решетку вообще я офигел. JavaScript развивается на глазах

    • @funcelot
      @funcelot Před 17 dny +1

      Это вообще почти Erlang, на моих глазах язык перестает быть скриптиком для написания игр fluppy bird, вообще уже что-то академическое заезжает, круто, да.

    • @iconfael
      @iconfael Před 17 dny +4

      @@funcelot осталось добавить статическую типизацию прямо на чистый JavaScript как многие это ждут. Я даже не знаю что случится с TypeScript тогда.
      И вообще примут ли это разработчики?

    • @ruslan-abdullaev
      @ruslan-abdullaev Před 17 dny +1

      Непонятно для чего Михаил привел этот пример, т.к. неизвестно когда это появится в языке, Record & Tuple еще на stage 2

    • @vasman94
      @vasman94 Před 15 dny

      @@ruslan-abdullaev # не будет? Блин, тотально необходимая штука, -.clooneDeep не придется везде пихать

  • @isvladxxe
    @isvladxxe Před 17 dny

    крутые новые фичи ! )

  • @Mousepiece
    @Mousepiece Před 17 dny +1

    Это всё скоро выйдет или уже работает ?

  • @yuriy.kostenko
    @yuriy.kostenko Před dnem +1

    Костыли с решеткой это супер! На что только не идут люди, чтобы не делать нормальные свойства с геттерами и сеттерами и поля с модификаторами доступа! ))

  • @user-ix5vl2ry8j
    @user-ix5vl2ry8j Před 17 dny

    полезно,это мне найболее инетересно

  • @user-lc5fi3iw1k
    @user-lc5fi3iw1k Před 17 dny +3

    Миша, а Вы сейчас работаете на чистом JS или все-таки через фреймворки (библиотеку React) ?

  • @paxpax1707
    @paxpax1707 Před 15 dny +6

    Какие же бесполезные фичи только не придумают только чтобы не вводить паттерн матчинг. Просто сделайте нормальный паттерн матчинг чтобы не городить простыню из 10 if операторов господи прошу. Скоро будет 10 лет как висит RFC в репозитории TC39. Люди как только не изворачиваются чтобы контрлировать обработку ошибок. Возвращают строки, енамы или булеаны из функций. Пишут простыню из try/catch. Просто сделайте паттерн матчинг хотя на уровне оператора switch. Сделайте чтобы switch умел возвращать выражение как любом другом нормальной языке, а не вот эта клоунада со стейтментом. Сделайте чтобы if тоже был выражением. Господи боже. Нам ничего больше не надо для счастья. Нафига нам эти пайплайны или тьюплы?

  • @trahar
    @trahar Před 16 dny

    4:28, для таких случаев рекомендуют использовать for loop вместо .forEach (чё-то про оптимизации компилятора)

    • @TalkerTube
      @TalkerTube Před 16 dny

      а можно подробнее, для каких именно случаев рекомендуют for loop вместо forEach ?

    • @trahar
      @trahar Před 16 dny

      ​@@TalkerTube надо в сторону оптимизаций копать, не интересовался глубоко, чё-то связано с ссылкой this, c захватом контекста
      компилятору сложнее обработать forEach

    • @bloodjopa
      @bloodjopa Před 12 dny

      @@trahar forEach переделывается под капотом в for loop, разницы в скорости с 2019 года уже нет

    • @trahar
      @trahar Před 11 dny

      @@bloodjopa вроде истинно для простых случаев, зачастую бывает, что компилер на справляется с этим и оставляет как есть, лучше читать доки

  • @M4Lets_tv
    @M4Lets_tv Před 17 dny

    Давай еще больше примеров кода разных кейсов

  • @barbiturat1
    @barbiturat1 Před 17 dny

    Получается что у ClojureScript теперь нет вообще никаких преимуществ перед js.

    • @ivanchernenko7958
      @ivanchernenko7958 Před 16 dny

      Кложура все еще остается лиспом с развитой системой макросов, иммутабельностью переменных и ахуевшим количеством скобочек. Она всегда будет иметь преимущества перед жсом, впрочем как и недостатки

  • @CJSurv
    @CJSurv Před 16 dny

    А в тайпскрипте оно будет работать?

    • @ivanovchin
      @ivanovchin Před 16 dny

      конечо, type script этот тот же js только с синтаксисом типов

  • @user-hijjjkkbv345
    @user-hijjjkkbv345 Před 10 dny

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

    • @egodzb
      @egodzb Před 9 dny

      Могу по своему опыту сказать, после работы не очень хочется еще и на ютуб код писать. Только вот такие новости почитать да обсудить 😁

  • @user-glory-of-ukraine

    Interesting changes but when it will be relised?

  • @kiryakirya-sila377
    @kiryakirya-sila377 Před 16 dny

    А как сделать такие подсказки, как у него? Я так понимаю это какой-то AI плагин? Но как он предугадывает? Или просто это уже было один раз написано перед записью видоса, а потом AI просто запомнил и предлагает?

  • @arahnid_9844
    @arahnid_9844 Před 16 dny

    Да, эти изменения неально удобные 👍

  • @brodabro
    @brodabro Před 17 dny +1

    Когда же будет метод копирование объектов

  • @dkuba
    @dkuba Před 17 dny

    Если использовать # то можно и клонировать объект получается?

    • @brodabro
      @brodabro Před 17 dny

      Расскажите как? Это реально боль

    • @TheBoris83
      @TheBoris83 Před 17 dny

      Вряд ли это будет глубокое клонирование. Только первого уровня

    • @dkuba
      @dkuba Před 17 dny

      ​@@TheBoris83 ну я не пробовал, но а если ))​

    • @barbiturat1
      @barbiturat1 Před 17 dny +1

      ​@@TheBoris83почему не глубокое? Если теперь все объекты под капотом будут иммутабельными, то их полное клонирование должно быть практически таким же быстрым как поверхностныое. Так реализовано например в языке Clojure.

    • @user-glory-of-ukraine
      @user-glory-of-ukraine Před 6 dny

      ​@@brodabrostructuredClone(obj,options)

  • @samogon5564
    @samogon5564 Před 17 dny

    Вчера смотрел новость про то что на блокчейне Tezos X завезли js

  • @AlexanderBorshak
    @AlexanderBorshak Před 16 dny +2

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

  • @SYVlive
    @SYVlive Před 16 dny

    8:24 неужели завезли человеческое копирование объекта? ^_^

  • @eugenepotapenko
    @eugenepotapenko Před 17 dny

    о! Иммутабельные данные и пайплайны делают из JS почти Clojure! Очень интересный поворот. Я на clojure пишу лет 8 уже, может смогу опять писать на JS без рвотных позывов.

    • @kvidon1357
      @kvidon1357 Před 17 dny +1

      Ну если у тебя рвотные позывы от js, стоит сходить к врачу

    • @eugenepotapenko
      @eugenepotapenko Před 16 dny

      @@kvidon1357 начал писать на js в1997 - имею право. Впрочем, вы конечно охуенно разбираетесь в js, вам виднее.

    • @kvidon1357
      @kvidon1357 Před 16 dny

      @@eugenepotapenko и что должна дать людям ваша дата начала кодинга на js? Умнее вы явно не стали

    • @eugenepotapenko
      @eugenepotapenko Před 16 dny

      @@kvidon1357 да я вообще даун по жизни. Не то что вы )

    • @kvidon1357
      @kvidon1357 Před 16 dny

      @@eugenepotapenko думаешь, этими комментариями сделаешь себя умнее? Ну понятно, когда ответить нечего, только и остается как писать всякую хрень

  • @user-cu6yn9bs9f
    @user-cu6yn9bs9f Před 17 dny +1

    Михаил, как Вы считаете, сколько лет ещё можно будет зарабатывать на JavaScript? В своём недавнем стриме Яков Файн предположил, что лет 30.

    • @funcelot
      @funcelot Před 17 dny

      Этот язык изучают в университетах, следовательно - минимум лет 30, это гарантированно

    • @barbiturat1
      @barbiturat1 Před 17 dny

      ​@@funcelotне согласен. через лет 10 важно будет не знание языка программирования а умение грамотно ставить задачи нейросетке.

    • @dgvgfg
      @dgvgfg Před 17 dny

      ​@@barbiturat1 будет адская смесь лучших практик из javascript, java и python. Основные конструкции типа массивов, циклов, аспекты и аннотации если джавист или промисов если на джаваскрипте пишешь должен знать наизусть + основной фреймворк языка. Плюс обызательно лайфкод на алгоритмы это на джун+/миддл у меня такое постоянно, я постоянно прохожу собесы и постоянно заваливаю хотя отвечаю на 80% всего что спрашивают. Лучшие практики никуда не уйдут, будет больше синтаксического сахара кому как бы не хотелось без него ну и да умение пользоваться нейронкой. Ещё думаю CI/CD сейчас + тестирование сейчас почти обязательно спрашивают на собесах. Ну на практике это отдельный человек, хотя не факт скажут вот нейронка за тебя всё пишет давай ещё и кубики поддерживай))

    • @user-oi3gg4rw7y
      @user-oi3gg4rw7y Před 16 dny

      ​@@barbiturat1и как же ты будешь писать промпт нейросетке не зная языка на котором ей нужно что то написать? Это будет что то типа "Дядь, сделай красиво". Нейросетки ещё долго будут только помощниками. Но знать как с ними работать маст хэв.

    • @un_defined
      @un_defined Před 16 dny

      @@user-oi3gg4rw7y скорее вопрос контроля того что выдала сетка стоит, задачу поставить это не самое сложное,хотя тоже навык

  • @funcelot
    @funcelot Před 17 dny

    А, ну если кто ничего не понял, я просто пробую писать на языке Уильяма Шекспира, и хешбенгу быть. Очень рад, что всё-таки они это сделали!

  • @abbze8272
    @abbze8272 Před dnem

    Осталось строгую тпизацию завезти на уровне языка и будет норм язык.

  • @enterprise7585
    @enterprise7585 Před 17 dny

    А что за плагин делает такой чудесный автокомплит?

    • @raskoltime3186
      @raskoltime3186 Před 17 dny +3

      Из того что я знаю, такое может Codeium и Copilot, первым сам пользуюсь, прикольная штука, это расширение в vs code, установил и все работает

    • @bidlo_menetil
      @bidlo_menetil Před 17 dny

      Codeium он использует

  • @tarque_
    @tarque_ Před 15 dny +1

    когда уже весь linq перенесут в JavaScript....

  • @mikep541
    @mikep541 Před 17 dny

    JS меняется, развивается - это круто. Скоро и типы строгие возможно подгонят, и нужны в TS больше не будет. А фишки норм, мне понравились. Ждём дженерики и модификаторы:)

  • @brr3534
    @brr3534 Před 14 dny

    Ну с нодой конечно так себе пример для withResolvers

  • @funcelot
    @funcelot Před 17 dny +1

    immutable data structures. it is been 40 years to pass to just add this feature to ECMAScript 2024? what a nonsence. really. whole langueages were created including Erlang, Go, Rust just to have this feature as the first-class language objects, including well-known React library. Immutability of data and a way to mutate throught cloning and not modifyhing objects pass throught whole architecture patterns like distributed systems, in-memory online transaction processing, clusters and database processing, serverless, stateless systems. All of this made available just to the simple fact that we do not track modifications of exact objects in memory. We just doing f*n copies which takes off responsibility of sending events to subscribed objectst about changes in source object. that a heck a really, really old idea. I like that they finally implemented it not using whole micro-frameworks, but on a language level #. F*uck, this is best morning i've ever had since 1997 in js scripting. Thank you, you are real man! Great news, and keep going!

    • @barbiturat1
      @barbiturat1 Před 17 dny

      Вообще меня конечно радует что иностранцы смотрят русскоязычные ролики.

  • @arthurarthur4075
    @arthurarthur4075 Před 15 dny

    Прям сильно в ФП дрифует

  • @michaelinuente92
    @michaelinuente92 Před 17 dny

    ох уж эти любители спагетти :)

  • @owl2137
    @owl2137 Před 17 dny +1

    Первый :))

  • @aleksandrdemidov6058
    @aleksandrdemidov6058 Před 17 dny

    а зачем использовать промис, если есть парадигма асинхронного программирования async-await ... я хочу сказать, что в этом смысле промис - рудимент ... или нет? )))

    • @eugenefedoryachenko8793
      @eugenefedoryachenko8793 Před 17 dny

      все асинхронные функции возвращают промис в js

    • @enterprise7585
      @enterprise7585 Před 17 dny

      иногда нужно что-то хардкорное самому завернуть в промис

    • @aleksandrdemidov6058
      @aleksandrdemidov6058 Před 17 dny

      @@eugenefedoryachenko8793 ) это понятно, и пусть возвращают, но напрямую зачем ими пользоваться сейчас?

    • @romandeveloper7720
      @romandeveloper7720 Před 17 dny

      Promise.all, например, используется для параллельных запросов

    • @aleksandrdemidov6058
      @aleksandrdemidov6058 Před 17 dny

      @@romandeveloper7720 вот же как к калбекам прикипели, понимаю )))

  • @romandeveloper7720
    @romandeveloper7720 Před 17 dny

    5:24 - та ну, не особо и экономит время-то

  • @alexandrsharp920
    @alexandrsharp920 Před 17 dny

    разработчики на Rust смеются в стороне .....

  • @ted_res
    @ted_res Před 17 dny +4

    В 2014 не писали "нет войне"?

    • @KopoLPedov
      @KopoLPedov Před 17 dny +4

      не модно было

    • @enterprise7585
      @enterprise7585 Před 17 dny +4

      Просто не обращайте внимание, он же не с Донбасса, как мы с вами, ему простительно. Человек специалист, за это его и смотрим.

    • @UCmdrhccjVM95UidL5idZw2Q
      @UCmdrhccjVM95UidL5idZw2Q Před 17 dny +4

      Так так... мамкины воины возбудились и прилетели написать комментарий)

    • @proletarian
      @proletarian Před 17 dny +5

      8 лет дамбили бамбас?

    • @user-xq5bv7ki5n
      @user-xq5bv7ki5n Před 17 dny

      В Украине как раз все писали и говорили, только рашистам-путинистам похрен план захвата Украины уже начали реализовывать

  • @alekseypavlov2539
    @alekseypavlov2539 Před 8 dny +1

    Не изменяемый объект и его копия
    const user = Object.freeze({
    name: 'Aleksey',
    age: 24,
    })
    const newUser = { ...user }
    newUser.age = 18
    console.log(user, newUser)

    • @whatthepeople
      @whatthepeople Před 11 hodinami

      суть tuple и records не только в том, что они иммутабельны, но и в свойствах, которые можно легко заиметь благодаря иммутабельности - сравнение по value (а не по ссылке) за константное время, не перебирая всю структуру, и, следовательно, становится возможным следующее:
      const map = new Map([
      [#{ x: 0, y: 0 }, 'some value']
      ])
      map.get(#{ x: 0, y: 0 }) // some value