Всем привет,
Сегодня мы углубимся в очень интересную концепцию javascript, то есть прокси-объект. Прочитав эту статью, вы получите полное представление о том, что такое объекты и как они работают в javascript. Оставайтесь с нами!!!!
Дракари!!!!
Шаг 1.Рассмотрите простой объект javascript "Mango" с двумя связанными с ним свойствами, как показано ниже.
Шаг 2. С каждым объектом в javascript связано несколько функций по умолчанию, одна из которых — функция «получить». Эта функция вызывается внутри, как только мы пытаемся получить доступ к любому ключу из объекта.
Приведенный выше код даст следующий вывод:
В приведенных выше операторах console.log, когда мы пытаемся получить доступ к Mango.color или Mango.rate, внутри вызывается функция «get». Разве это не интересно, как javascript внутренне обрабатывает объекты как функции, но это тема для другого часа.
Шаг 3. Прокси-объект дает нам возможность переопределить функции по умолчанию (получить, установить, имеет и т. д.), связанные с объектом.
Прокси-объект может быть создан с помощью класса Proxy в javascript, ниже приведен его синтаксис.
Рассмотрим следующий пример, чтобы лучше понять это:
- В приведенном выше фрагменте мы создали объект «proxyMango» и переопределяем функцию «get» по умолчанию нашей пользовательской функцией.
- Прокси-класс принимает два аргумента: первый — это объект Mango, а второй — объект, содержащий функции переопределения. В приведенном выше случае мы переопределяем функцию get.
Вывод приведенного выше фрагмента выглядит следующим образом:
когда мы пытаемся получить доступ к свойству цвета исходного объекта Mango, он вызывает функцию получения по умолчанию, и, следовательно, мы получаем вывод «Старый желтый объект MangoObject»
, но когда мы пытаемся получить доступ к свойству цвета прокси-объекта, он вызывает нашу « пользовательская функция get», поэтому мы видим, что «Получить доступ к функции — — — — →» печатается перед окончательным выводом, то есть «Новый MangoObject желтый»
Шаг 4: Аналогичным образом мы можем переопределить, установить, иметь и т. д. функции для любого объекта. Это удобно, когда мы хотим добавить проверки, бизнес-логику и т. д. для сложных объектов. Прокси-объекты используются вместе с Reflect. Выход остается прежним. Отражение объекта имеет несколько функций, которые могут пригодиться при работе со сложными объектами.
Надеюсь, теперь вы хорошо понимаете объекты Javascript и прокси-объекты. Дайте мне знать в разделе комментариев, если вам нужна статья по какой-либо конкретной теме, я был бы более чем счастлив поделиться своими взглядами на нее.
Знание — сила!!!🥇