Полезен контент по чистому JS?

Влад, позволю себе указать на неточность в уроке. Когда ты сравниваешь Map и WeakMap, то проверяешь наличие обнуленных объектов (obj = null) внутри Map и WeakMap через методы get и has. Но в случаях обоих объектов эти методы будут одинаково возвращать undefind и false, соответственно. Тут нет никакой разницы, ведь мы одинакого перестаем получать доступ к ключу-объекту, так как удалили ссылку на него. Для демонстрации разницы нужно было показывать содержимое самих объектов. В случае с Map ключ-объект будет оставаться внутри объекта Map, тем самым занимая память мертвым грузом, а в случае с WeakMap ключ-объект будет пропадать из [[Entries]], освобождая память от мусора. Это, на мой взгляд, наглядно бы показало разницу. Нюанс в том, что исчезать из WeakMap объекта обнуленный ключ-объект будет не сразу. Мне пришлось много раз обновить браузер, чтобы увидеть очищенный WeakMap объект. Об этой особенности ты тоже говоришь, что время, за которое будет удален скам не определено, поэтому отсутствует метод size. И обновление браузера это наглядно показало. Благодарю за твою работу и желаю и дальше делать упор на качество, не поддаваясь соблазну удариться в инфоциганство, которым и так завален ютьюб. Лучше меньше, да лучше. ИМХО. В этом заключается уникальность в современных реалиях.

Хорошо, что в видеороликах нет фоновой музыки, реально бесит

Спасибо. Фактически у вас, Владилен, уникальный контент по JS, за это отдельное спасибо. Успехов во всём).

Влад, огромная благодарность за урок!

Отлично, идём дальше. "дорогу осилит идущий".

Владилен, привет. Отличный урок , спасибо.

Дай Бог тебе здоровья.

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

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

Дай тебе Бог здоровья!!!

ты топ! делай чаще )) спасибо большое !

Нравится что ты не опускаешь детали и говоришь подробно как в книжке. Привет из Дагестана)))

Спасибо за уроки

Благодарю! Объяснено просто и понятно.

Изучаю сейчас JS по сайту-учебнику. Читал эти map и set - нихера не мог понять. Очень поверхностно дано без углубления. Нашел твой блог, посмотрел. Вернулся к учебнику, ибо там практические полезные задания и продолжил читать - после твоего видео сразу всё стало понятно! Дружище, ты крут. Очень хорошая подача с качественным объяснением. Спасибо!!! Лучи добра тебе в карму.

Отличные уроки!

Лучший урок по этой теме на ютубе. Спасибо

Владилен лучший!

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

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

Надо же ) А я как раз сегодня эту тему изучал ) Но за урок спасибо.👍

Фух.. Урок пройден) Спасибо большое!

Спасибо за урок!)

Очень годно. Спасибо

отличный урок интересно было бы увидеть что нибудь по xss либо по jwt

Очень классный пример с кэшированием пользователей

Как всегда полезно, сделай урок по дебагу JS

set упрощает жизнь на порядок в плане перебора и сравнения

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

Полезно!

Жду экскурсию про next.js, на мой взгляд было бы интересно, а так с меня лайк, жаль нельзя лайкануть 10 раз))

Заранее лайк )

Ассаляму Алейкум ! Давно не встречал такой хороший контент. Коротко и ясно. Спасибо большое. Сейчас начал разрабатывать сервисы на Node JS + Postgres Sql для мобильных приложении. Говорят Potgres Sql самый стабильный движок для BigData. Но пока чайник в этом деле. Буду очень благодарен, если сделаешь пару тройку уроков по данной теме. Еще раз спасибо.

Огромное спасибо. Не как не мог понять тему, много где смотрел искал а тут сразу все ясно и понятно. Спасибо огромное.

Спасибо!

Я все время думал, что я хорошо разбираюсь в js, но по видео стало понятно, что есть еще чему поучиться! Спасибо Владилен )

Number.MAX_SAFE_INTEGER раз спасибо тебе за твой труд Владилен!

spasiba!!! vsyo maximalna panyatna

Как всегда очень информативно и без теоретической нудятины. Спасибо за урок, Владилен. Единственное, что хотелось бы видеть больше - это больше примеров.

спасибо

Сделай видео по шаблонам проектирования, которые используются в разработке на node js или express или koa

было бы шикарно сделать плейлист полностью по всем темам JS и с большим количеством примеров, почему то большинство авторов делает видео для новичков, потом для продвинутых, а потом разбирают фреймворки, без последовательности (

всегда читаю литературу все вроде ясно и понятно но повторение информации в твоем воспроизведении меняет восприятие и понимание темы все просто рахмет

На 15:15 для правильного отображения вывода: console.log(key, val)

Я заметил что между прошлой частью и этой у Владилена произошел день рождения)

Спасибо. Все очень хорошо и глубоко раскрыто, примеров бы побольше в проекте бы пусть и небольшом

Спасибо! Не мог бы ты сделать урок по работе GIT в WebStorm? :)

Хороший ролик! Только структуры WeakMap и WeakSet называются слабыми, потому что ссылки на объекты-ключи хранятся «слабо», что означает то, что они не предотвратят сборку мусора в том случае, если других ссылок на объект не будет.

Очень классно спасибо! Единственно, были досадные ошибки в конце, когда отсутствие элементов в weakmap, weakset объясняется через .has() == false от новых ключей null и от users[1] - Irina, Я выводил в консоль weakmap до и после obj = null он в обоих показывал только один элемент, что странно (было же 2 в начале). добавил задержки через циклы до 1000, стал показывать всегда оба. Приходится только верить что GC действительно их чистит :)

Для автоматической перезагрузки терминала в VSCode используйте nodemon

Спсибо, теперь еще меньше белых пятен в понимании js

Очень нравится ваша манера подачи материала. Достаточно информативно, и без лишний воды. Видел есть видео 40 вопросов по ангуляру, не думала сделать аналоничное видел по React ?

^+Shift+R

желательно было бы сделать по NodeJS не как сервер, а как простая консольная монолитная программа, с использованием Mysql и минимум всяких сторонних модулей, и как очень желательный бонус будет то чтоб рассказать о то как запускать дочерние процессы, как с ними общаться так как есть как минимум 4 варианта запуска, а вот процесс "общение" очень слабо освещено в материалах. Успехов твоему каналу! Тут наверное каждому будет что-то себе почерпнуть, так как "копаешь" не слабо а подаешь материал с лёгкостью !)

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

Владилен, спасибо за информацию. Единственное WeakMap отслеживает свои объекты-ключи на изменение и полей объекта, так и ссылки на объект, а WeakSet следит только за ссылками и изменение полей объекта-ключа допускаются.

🖤🖤🖤🖤

В каких случая ключом может быть объект с другими ключами и значениями в обьекте "new Map" и для чего это нужно из опыта?

ответь пожалуйста) в описании под видео список курсов по Angular 8+, ReactJS, NuxtJS + NodeJS, вопрос: эти курсы от тебя(т.е если я куплю курс я буду слышать тот же голос и это будешь ты)?

Я только сейчас узнал что назначение переменной значения null не ведёт к разрыву связи с объектом. А чтобы полностью разорвать связь с объектом нужно присваивать undefined вместо null, только в этом случае консоль выведет undefined, что означает что объект был удалён из памяти.

Привет, спасибо за урок, а почему когда я запускаю код в браузере то в console.log()- е у WeakMap не проподает ключ ( обьект который null ) а когда запускаю код в терминале с помощю node-js тогда проподает

Все очень классно, но на 36:18 мы спрашиваем у cache значение по ключу null, логично, что там его нет, мы ведь обнулили Лену :) Но не важно, смысл понятен. И еще, правильно понимаю, что set, как и в Java, по сути внутри себя представляет map, но в отличие от Java, где она в значение сует dummy object, set в JS просто дублирует туда значение ключа?

Владилен, да ну неправду Вы говорите. Если сделать obj = null, то в WeakMap останется { name: "weakmap" } → "obj data" и на память это никак не повлияет. Ваше утверждение примером, что если проверить по console.log(map.has(obj)) всегда будет false, потому что map.has(null) кроме false никогда ничего другого и не вернет (( Тоже самое с примерами lena = null, достаточно сделать console.log(cashe) и убедится, что все на своих местах ))

Таким образом, чтобы создать Map из обычного объекта (прототип которого не содержит Symbol.iterator), нужно сначала объект превратить в массив, с помощью Object.entries(obj), а уже потом new Map(arrObj)? Правильно ли я понял? Благодарю за отличный урок.

было бы круто выложить исходники на github.

когда задал константу map как объект класса Map, в консоле появилась ошибка "Uncaught TypeError: Iterator value undefined is not an entry object at new Map ()". Подскажите пожалуйста, в чем может быть проблема?

Владилен, а в ближайшее время вы планируете создание фреймворка или нет?

В свое время купил курс автора по NUXT.js и все бы хорошо но столкнулся проблемой с деплоем приложения на VPS. Начал разбираться в теме а там гиблый лес: nginx, pm2 и другие радости. Я конечно понимаю что есть проффесия DevOps но если такого спеца по рукой нет а доделать надо (клиенту не объяснишь что не можешь)? Хотелось бы увидеть курс по деплою node.js приложения. Можно даже платный, можно даже не полный, но чтобы работало. Заране благодарен. P.S. Я задеплоил с помощью npm run generate но это скорее костыль чем решение.

Спасибо за видео! Правда, у меня возник вопрос с примером про кэш и WeakMap; Если заменить WeakMap на Map, т.е. let cashe = new Map(); То после операции lena = null результотом работы console.log( cashe.has(lena) ); все равно будет false, т.е. такой же результат как и с WeakMap По задумке примера результат должен был быть true, если использовать Map ?

Я не уверен, что при использовании weakmap память очищается после удаления его элементов. Weakmap не отображает удаленные элементы в пределах своей видимости, а не в пределах области всей памяти. Надо попробовать дважды законстантить один из его элементов и посмотреть что будет с константами после очищения weakmap. Думаю, одна ссылка все же останется на обьекте. Наверно лучше применять область видимости, чтобы JS сам подчищал память без всякого обнуления. Поставить фигурные скобки на части кода, и JS поймет где и что почистить.

досмотрел до 31й минуты пока что (смотрю медленно, через паузы, все разбираю сам, пишу свой код, проверяю) ... не понмаю какой смысл делать объект ключем? может быть расскажете, каким образом это используется в реалности? Почему те же timestamp'ы не добавить в исходный объект/массив, как array['timestamp'] = Date.now();?

Смотрел видео, вспоминал Python 3. Думал все методы с него взяли от Set. Но к сожалению не хватает set.update(other, ...); - объединение, set.intersection_update(other, ...); - пересечение, • set.difference_update(other, ...) - вычитание, set.symmetric_difference_update(other); - множество из элементов, встречающихся в одном множестве, но не встречающиеся в обоих. Это надо было сделать. Явно прослеживается прогресс языка. Пойду посмотрю на js ES6 классы, может человеческое наследование завезли и типы свойств и методов типа privet, public, protected, etc

Ребят, подскажите, с чем связана ошибка: ReferenceError: obj is not defined at Object. (появилась, когда в методе WeakMap задал объект и сделал вызов)?

Владилен в конце не понял один момент, после использования метод split() на переменой с пользователями, мы хоть и получаем false при проверке через visits.has(users[1]), но если в конце вывести console.log(visits) там всё равно будут присутствовать всё те же два значения как и до метода split(). Почему так ?

Владилен, кинь криптокошель. Контент очень стоящий. будем донатить на развитие.

есть ли разница между преобразованием в массив через спред и через array.from ?

39:16 - суть действий верная, но небольшая ремарка по объяснению: на 14-й строке мы проверяем наличие не того, что было users[1], а того, что им стало после splice (а изначально было users[2]) No disrespect - смотрю твои ролики не первый день подряд запоем: много пробелов удаётся закрыть. И вообще контент просто восхитительный: как ты сегодня правильно сказал, никакой воды - всё по делу. Огромное спасибо! (Просто трудно было промолчать и пройти мимо...)

20:30 окей, а почемубы не добавить поле в обьекты масива users?

Владилен, прикрепляйте, пожалуйста, под видео не ссылку на само это видео - ЭТО БЕССМЫСЛЕННО, а ссылку на плейлист.

Я проверил только что 'Мap' в случае удаления последней ссылки на 'obj' так же как 'Weakmap' остается без ключа и доступа к значению. по сути они в этом плане одинаково работают.

одно время пытались добавить метод Object.observe. но почему-то от него отказались. хотелось бы рассмртреть данную тему. на примере библиотек или полифилов

WeakMap называется weak не потому что у него урезанная функциональность, а потому что WeakMap работает со слабыми ссылками. Сильная ссылка - ссылка которая, не дает gc удалить какой-то объект, если на него есть хоть 1 сильная ссылка. Слабая ссылка, напротив, позволяет указывать на объект, не предотвращая его автоматическое освобождение сборщиком мусора.

31:50 че за фигня, в обычном map так же работает. После присваивания объекта к null, у обычного map, так же при вызове map.get(obj) вернется undefined

Не хочется отвлекать, но вдруг кому-то захочется ответить. Вопрос: получается, что простой коллекции, без доп. функционала, типа хранение только уникальных значений, в js нет, и я должен пользоваться обычным массивом?

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

в WeakMap'е некорректно искать элемент по нулевому ключу, само собой вернется false. по факту, никак не проверить, удалилось GC'м значение из WeakMap'а или нет

Может кто-то знает, почему WeakMap все еще не очищен, даже если объект, который был передан в виде ключа был изменен на null? Возможно, в консоли браузера по другому работает GB?

А ничего что после того, как ты объект обнуляешь, обращение к нему вернёт null. Т.е. ты потом делаешь cache.has(null), cache.get(null). Если заменить в примере WeakMap на Map, то вывод не поменяется.

Всем привет, есть проблемка при вызове метода Object.fromEntries(entries)... при вызове через консоль выдаёт ошибку TypeError: Object.fromEntries is not a function. Однако если пользоваться через браузер, то всё отлично отрабатывает. У кого-нибудь была такая проблема и кто как её решил?

вроде норм, а можно уроки организовать на реальных примерах + домашка?

cache.has(lena) === cache.has(null) && console.log('Нет ключа null')

6:08 установить nodemon, запускаешь скрипт через nodemon. И вуаля - скрипт срабатывает сразу после сохранения

+

Если кто-то в начале видео не понял и впал в прострацию - поясню: Для конвертации Объект -> Массив создаём объект со значениями и пустой массив по типу const entries = [] И на оборот при конвертации Массив -> Объект создаём массив из массивов и пустой объект по типу const obj = {}

Nomer 1 master

Чет не работает у меня такой синтаксис, как map.delete(key: 'job'); console.log(map.has(key: 'job')); Видимо, лишнее там выражение "key:" Нужно просто ключ в скобках.

Почему всегда число 42?

Не очень понятно зачем нужен map для того чтобы найти время когда последний раз заходил пользователь, разве нельзя это сделать просто как свойство обьекта? В чем тут собственно разница?

7:31 да что за прикол с числом 42?