这个可以，get、set、proxy的用法

最新推荐文章于 2024-04-21 08:59:25 发布

hamimelon2020

最新推荐文章于 2024-04-21 08:59:25 发布

阅读量213

点赞数

分类专栏： vue JavaScript 文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_40945354/article/details/124272757

版权

vue 同时被 2 个专栏收录

722 篇文章 4 订阅

订阅专栏

JavaScript

628 篇文章 6 订阅

订阅专栏

本文通过实例展示了如何使用JavaScript的Proxy对象创建一个动态代理，实现了`HelloWorld!`到`HelloVue3!`的文本替换，突出了Proxy在JavaScript中作为对象行为拦截器的作用。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <title>document.write() Example</title>
    </head>
    <body>
        <script type="text/javascript">       

const target = {
  text: "Hello World!",
};
const proxy = new Proxy(target, {
  get(target, key, receiver) {
    return target[key];
  },
  set(target, key, value, receiver) {
    target[key] = value;
  },
});

console.log(proxy.text); // Hello World!

proxy.text = "Hello Vue3!"

console.log(proxy.text); // Hello Vue3! 


 

             </script> 
    </body>

</html>