es6 proxy、handler.get()

Proxy 对象用于定义基本操作的自定义行为（例：属性查找）

共13种可代理操作、每种操作的代号（属性名、方法名）和触发这种操作的方式列举如下。注意，如果没有定义某种操作，那么这种操作会被妆发到目标对象身上。

参数traps 提供属性访问的方法，这类似于操作系统中陷阱的概念

target 代理虚拟化的对象。他通常用作代理的存储后端。

1.handel.get()在给代理对象的某个属性时触发该操作。

2.handler.get 方法用于拦截对象的读取属性操作。

3.以下情况会抛出错误a 如果要访问的目标舒心是不可写以及不可配置的，则返回的值必须与该目标属性的值相同

　　　　　　　　　　b.如果要访问的目标属性没有配置访问方法，即get方法是undefined的，则返回值必须为undefined

var obj = {a:2,b:1,}var p = new Proxy(obj,{get:function(target,prop,receiver){// console.log(this)//this是当前对象// console.log(target)//taiget是当前被搜索的对象// console.log(prop)//prop是对象被查找的key值// receiver就是Proxy实例if(prop in target){return target[prop]}else{return '还未定义的值';}}})console.log(p.eee)

转载于:https://www.cnblogs.com/xiaomingBlog/p/8818425.html

es6 proxy、handler.get()相关推荐

es6 --- Proxy的属性(get、set除外)
apply(): 拦截函数的调用.call和apply操作 var target = function () { return 'I am the target';}; var handler = { ...
ES6 —— 3、async-await、微任务和宏任务、class、proxy（代理）
重写留言板2: index2.js const obj = {m:new Map(),$:name => document.querySelector(name),bind:function() ...
JS高级——Proxy、Reflect
一.监听对象的操作我们先来看一个需求:有一个对象,我们希望监听这个对象中的属性被设置或获取的过程通过我们前面所学的知识,能不能做到这一点呢? 其实是可以的,我们可以通过之前的属性描述符中的存储属性 ...
ES6 Proxy和Reflect (上)
Proxy概述 Proxy用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种"元编程"(meta programming),即对编程语言进行编程. Proxy可以理 ...
es6 Proxy 简介
Proxy 简介 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种"元编程"(meta programming),即对编程语言进行编程. Proxy ...
ES6 Proxy 和 Reflect 的理解
Vue中的数据绑定 ps:观察者模式 (下面有重点) Vue作为前端框架的三驾马车之一,在众多前端项目中具有极其重要的作用. Vue中具有一个重要的功能点--"数据绑定".使用者无 ...
ES6 Proxy和Reflect
目录 Proxy 概述基本用法 Proxy 实例方法 1.get(target, propKey, receiver) 2.set(target, propKey, value, receiver) ...
Proxy 、Relect、响应式
Proxy .Relect.响应式 Proxy .Relect.响应式 1. 监听对象的操作 2. Proxy基本使用 2.1 Proxy 的 set 和 get 捕获器 2.2 Proxy 所有捕获 ...
es6 --- Proxy实例的get方法
写一个拦截函数,访问目标对象不存在属性时,会抛出不存在该属性的错误如果存在该属性时,就返回其值. var person = {name: "张三" };var proxy = n ...

es6 proxy、handler.get()

es6 proxy、handler.get()相关推荐

最新文章

热门文章