JavaScript Proxy()对象的理解使用（代码示例）-js教程-PHP中文网

JavaScript Proxy()对象的理解使用（代码示例）

藏色散人

发布： 2019-03-27 15:19:51

原创

2835人浏览过

javascript中的代理对象用于定义基本操作的自定义行为（例如，属性查找，赋值，枚举，函数调用等）。

JavaScript Proxy()对象的理解使用（代码示例）

语法：

var p = new Proxy(target, handler);

登录后复制

参数：代理对象接受如上所述的两个参数，如下所述：

target：要使用Proxy包装的目标对象（可以是任何类型的对象，包括函数，类，甚至是另一个代理）。

handler：一个对象，其属性是在对其执行操作时定义代理行为的函数。

立即学习“Java免费学习笔记（深入）”；

企业网站在线超市131014

这是一个在线展示企业网站范例的源代码，涉及36个行业分类近500个精美企业网站程序范例——不论是对美工还是程序员，都有相当高的参考价值！使用后台管理：登录用户为“admin”，登录密码为“admin888”，登录页面为“Manage.asp”。包含“管理员管理/添加网站/管理网站/数据库和上传文件管理”的完整功能。其他请把数据库后缀名MDB改为ASP防下载，同时修改两个Conn.asp

查看详情

例：

<script> 
const Person = { 
    Name: 'John Nash', 
    Age: 25 
}; 
  
const handler = { 
    // target表示Person，而prop表示代理属性。
    get: function(target, prop) { 
        if (prop === 'FirstName') { 
            return target.Name.split(' ')[0]; 
        } 
        if (prop === 'LastName') { 
            return target.Name.split(' ').pop(); 
        } 
        else { 
            return Reflect.get(target,prop); 
        } 
    } 
}; 
  
const proxy1 = new Proxy(Person, handler); 
  
document.write(proxy1 + "<br>"); 
  
// 虽然没有像FirstName和LastName那样的属性，但是我们仍然获取到它们，就好像它们是属性而不是函数一样。
document.write(proxy1.FirstName + "<br>"); 
document.write(proxy1.LastName  + "<br>");      
</script>

登录后复制

输出：