ES6 Proxy

本文介绍了ES6中的Proxy,它能对对象的访问进行拦截,形成一个拦截层。Proxy构造函数需要目标对象和一个handler对象,handler对象定义了各种拦截行为,如get、set、apply和construct方法。get方法拦截属性读取,set方法拦截属性赋值,apply方法拦截函数调用,而construct方法则拦截new命令。通过这些方法,开发者可以自定义对象的访问行为。
摘要由CSDN通过智能技术生成

1. 概述

Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,可以理解成在目标对象前架设一个“拦截”层,外界对该对象的访问都必须先通过这层拦截,因此提供了一种机制可以对外界的访问进行过滤和改写。

ES6原生提供Proxy构造函数,用于生成Proxy实例。

var proxy = new Proxy(target, handler);

Proxy对象的这种用法都是上面这种形式,不同的只是handler参数的写法。其中,new Proxy()表示生成一个Proxy实例,target参数表示所要拦截的目标对象,handler参数也是一个对象,用来定制拦截行为。

注意:要使Proxy起作用,必须针对Proxy实例进行操作,而不是针对目标对象进行操作。

如果handler没有设置任何拦截,那就等同于直接通向原对象。

var target = {}
var handler = {}
var proxy = new Proxy(target, handler)


proxy.a = 'b'
target.a //'b'

上面的代码中,handler是一个空对象,没有任何拦截效果,访问handler就等同于访问target。

2. Proxy实例的方法

2.1 get()

get方法用于拦截某个属性的读取操作。


                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值