Урок 9. JavaScript. Proxy. Объекты, функции, классы. Часть 1 

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

Первый раз посмотрел - нечего не понял, спустя неделю посмотрел ещё раз, нечего не понял, прошло некоторое время, посмотрел, и снова нечего. Сегодня решил снова посмотреть, но что то подсказывало что на этот раз пойму, и я все понял, на этот раз все было понятно. Владилен ты лучший, продолжай делать такие крутые ролики

Большое спасибо за старание и понятную подачу информации.

Крутые видео, Владилен! Без твоих стараний мне было бы гораздо сложнее изучать JS, спасибо! Жду новых видео

Спасибо Владилен,у вас очень понятная модель изложения информации.

Полезный материал, однозначно лайк. Успехов тебе Владилен

Владилен, вы - невероятный. Огромное Вам спасибо! Лучший учитель в русскоязычном сегменте!

Спасибо, интересное видео. Уже заинтригован следующими видео с примерами Proxy.

У вас уже есть идеи как применить Proxy?) Примеры я приведу в следующем ролике

Отменное видео! Спасибо, Владилен!

Спасибо за видео! Очень интересно слушать Вас.

Спасибо! Ничего не понял)

Спасибо за труд!

Отличное видео! Надо подумать куда его применять все же.

Спасибо за видео. В конце фишка особенно понравилась.

Спасибо за твои уроки.

Владилен, спасибо ! Я новичок и мне не всегда с первого раза всё понятно, но Вам удаётся сложные вещи так преподнести, что они кажутся не такими уж и страшными) Это талант!

емко и понятно. спасибо, автор!

Владилен, давай контент по докеру. Будет просто пушка!

Спасибо труд! Однозначно лайкоцит!!

Лучший!!! Продолжай в том же духе.!!

Благодарю Вас Владилен!) Вы очень толково все объясняете. Жду новых видео)

Вооу, последний пример про age_name_job просто отрыв бошки, невероятно круто!

Я поднялся на ступеньку выше благодаря этому видео, спасибо

вау, классный и необычный пример в конце!! топ

Большое спасибо за видео!

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

Очень большая просьба - лучше начинай подобные уроки с примеров применения. Чтобы было сразу понятно, зачем вообще это нужно, для чего это учить, что оно дает. Потому что иначе смотреть тяжеловато и скучновато. Понятно, что будут те, кто в любом случае досмотрит, но если хочешь максимально всех охватить, то лучше всё-таки начинать как и любые публичные выступления - с актуальности обсуждаемой далее темы или технологии. Энивей за урок спасибо)

Классные видосы! Спасибо!

мудрено!

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

Огромное спасибо за ваш труд, все очень интересно и познавательно... но что я заметил во всех(почти) обучающих видео. Все учат писать код, каким то фишкам, паттернам, синтаксису и т.д. Но мало кто учит программировать, а именно объяснять как это все применяется в боевой задаче, ну или хотя бы видеть какой-нибудь полезный результат от своей программы. Очень сложно все это осознать если ты не понимаешь где это можно применить. Ну и добавлю от себя что самое лучшее это взять для себя какую-нибудь задачу и попытаться ее реализовать(гугля, читая доку и т.д.)

Спасибо, ты лучший!

Владилен ты супер, брат.привет тeбe c Еревана!!!

Жесть он крууут! Смотри брат что он творит!

Конечно это очень полезный ролик, и конечно - очень понравился! :-) Спасибо большое!!!

Классно! Прокси в JS

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

Здорово продолжай

Поддержка иммутабельности дело конечно святое, но когда в обьекта овер 3 вложености и это все нужно постоянно копировать.. Решил добавить в проект библиотеку immer и как оказалось ее функционал построен на прокси, вот и пришло время посмотреть этот урок :) Все просто и понятно обьяснил, спасибо!

Прикоольно!

ёмоё вот что бывает, когда не изучаешь новые фишки. Я всё это сам делал через наследование. Зачёт

Вот последняя конструкция очень заинтересовала

Лучший!

Красавчик и спасибо, ушёл от Фрилансера по жизни!

Мотивация для создания нового контента +

Спасибо. Ничего не понял, НО! Очень интересно!

Пасиб дядь... Помог

Спасибо

Thanks

Спасибо!

збс внатуре четко!

Наверное ты первый кто смог рассказать о Proxy просто и понятно)) Спасибо)

10:06 Можно вместо return true перед строчкой delete target[prop] прописать return return delete target[prop]; и будет возвращать true

Если я не ошибаюсь - при создании стрелочных функций, нельзя перебить контекст родителя в котором она была создана. Тоесть this будет получен от родителя, поэтому их лучше не делать методами объектов и apply работать не будет. А видео топчик!

Спасибо, что ты есть)) Очень круто обьясняешь)) Я прям все до буквы понял) Хотя педалю на С#

Дякую!

комментарий лайк, подписка, колокольчик

Норм так

в методе has можно было использовать Object.keys(target).includes(prop)? по последнему примеру в видео: разве через обычный геттер для класса, о которых ты рассказывал ранее, нельзя сделать то же самое?

У меня за окном взрывы, но мне без разницы я учу JS

Часть методов прокси обязательно должны возвращать инварианты (set, deleteProperty и далее по спецификации).

Спасибо, ты крутой)

А чем отличаются get и set в Proxy от свойств в Object.Create?

Если я правильно понял, то посредством Proxy, возможно осуществлять инкапсуляцию и полиморфизм в классах?

❤‍🔥🔥🔥🔥

Ochen kruto.

Все никак не могу понять одну вещь: откуда берутся дизлайки? Кто эти 15 человек? Что им могло не понравится? Наверное, эти вопросы навсегда останутся без ответа) Контент сверхмощный. Спасибо за это тебе, Владилен! Особенно радуют те детали, и мелкие фичи, на которые сам бы никогда не обратил внимания и которые не так уж легко найти в учебниках или других материалах для обучения. Дерзай дальше, Владилен!) Не останавливайся и не обращай внимания на эти 15 человек) ибо не ведают они, что творят)

все понятно, Proxy типа декоратор.

Может быть лучше использовать QuokkaJS вместо браузера раз все равно на VS Code?)

Владилен, или может кто-другой, почему если из объекта person удаляешь поле name, метод has при вызове поле name все равно возвращает true? По идее в объекте на который ссылается прокси этого поля нет. И обратное из массива удаляем name и возвращаем name в персон и has возвращает false. Получается в prop попадает сам созданный массив, а не прокси сформированный на основе объекта person?

"name_age" - it `s Magic

Получается тоже самое можно сделать через наследование ?

Когда я проксирую класс (MyClass), у меня в методах этого класса теряется this (становится this = Proxy). Если методы класса объявить, как стрелочные функции, то this сохраняется (this = MyClass), но перестают работать геттеры и сеттеры Proxy. Как быть?

интересно, а proxy воздействует на объект изменяя его или клонируя. Я так понимаю с помощью данного класса можно реализовать метод фабрика и реализовать блокирование множественного подключения к БД? Или же это закос на Reflection class api. Почему приходится прибегать к proxy, а не реализовать данную вещь как метод класса. А может это призрак полиморфизма? Я логику понять не могу

А в чем разница вывода функции в proxy: return target.apply(thisArg, args) и return target(args) ? Вроде одинаково все работает, но 2 способ короче

Владилен, давай контент по Redux-Saga. Будет просто пушка! )

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

Я новичок в изучении жс, тема конечно для меня очень сложная, но то как ты объясняешь в принципе понятно, просто пока не понимаю как это все применять на практике и такое бы уж точно не повторил, надеюсь все придет с опытом. Спасибо!

Извините у вас есть шпаркалка по JS?

Самый, на мой взгляд, очевидный пример использования - это написание обертки для различного функционала. Как пример: API мессенджеров, пиш.ем свою Proxy обертку с методами, а target-ом указываем классы мессенджеров (Vk, Te, WA). Причем в этих классах, методы обертки могут быть не реализованы

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

Вопрос , а в чем разница между Proxy и аксессорами (надеюсь правильно написал ?

Владилен я не понимаю уроки по JS напиши мне как подтянуть JS до прохождения курса. Спасибо

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

set должен вернуть true при успешной установке значения

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

Монстер

Не понятен смысл передачи в качестве аргумента thisArg при проксировании функции. Прочитал, что это контекст this. Но, если добавить в хэндлер вывод в консоль, что такое thisArg, получаю undefined. При этом, когда делаю return target.apply(thisArg, args) вместо thisArg можно указать все что угодно, пустой массив/объект, любую строку, число ... и при этом все работает.

Спасибо за урок. Но если честно, ничуть не просто. Мне кажется, надо на примерах из реальных проектах показывать, зачем это вообще нужно?

12:18, зачем здесь "thisArg", что он делает и как, не пойму. Заранее спасибо за ответ.

Извините за тупой вопрос, а разве просто через классы то же самое сделать нельзя?

Благодарю за доходчивые видео, Владилен. Хочу обратить Ваше внимание на точность формулировок ибо от Вас, как от учителя зависит ясность мыслей учеников. 8:45 "Данный метод ПОЗВОЛЯЕТ нам удалять...". 1. Метод не может нам позволять или не позволять делать что-либо, ибо не одушевлен. Это Мы, с его помощью можем что то делать. Фраза "Метод позволяет..." делает программиста рабом метода (машины), тогда как фраза "С помощью метода мы можем ..." наделяет нас руководящий функцией, а метод остается всего лишь инструментом в умелых руках. 2. Этот метод не удаляет, а вызывается в ответ на попытку удалить проп. Это утверждение более истинное, ибо мы можем перепределить метод таким образом, что он не будет ничего удалять или будет удалять что то другое. Обратите внимание, как формулировка расширяет наши возможности и закладывает возможности для нестандартного мышления. Еще раз благодарю за видео. Надеюсь на понимание.

перегрузка)

Этот синтаксис все еще актуален?? или уже некоторые не рабочие?

Использовал прокис на практике?

set () { return Object.keys(target).indexOf(prop) !== -1 // true or false }

Ну я могу ещё раз написать))) Читайте руководство learnjs тема «Proxy». Так не поймёте

зачем нкжен deleteProperty усли свойства и без нее удаляются просто по команде delete op.prop?

+