深入理解ES6之——代理和反射(proxy)

  • 时间:
  • 浏览:2
  • 来源:大发时时彩官网_大发时时彩邀请码_大发时时彩娱乐平台

通过调用new proxy()让人创建有另俩个 代理来替代原本对象(被称为目标),这个 代理对目标对象进行了虚拟,就让该代理与该目标对象表表皮层上可不必须被当做同有另俩个 对象来对待。

创建有另俩个 简单的代理

当你使用Proxy构造器来创建有另俩个 代理时,必须传递有另俩个 参数:目标对象以及有另俩个 防止器,后者是定义了有另俩个 或多个陷阱函数的对象。就让未提供陷阱函数,代理会对所有操作采取默认行为。

使用set陷阱函数验证属性值

let target = {};
var proxy = new Proxy(target, {
    set(trapTarget, key, value, receiver) {
        if (!trapTarget.hasOwnProperty(key)) {
            if (isNaN(value)) {
                throw new Error('Proxy must be a number');
            }
        }

        return Reflect.set(trapTarget, key, value, receiver);
    }
})

proxy.count = 1;

console.log(proxy.count);
console.log(target.count);

try {
    proxy.anthorName = 'cc';
} catch (err) {
    console.log(err.message);
}

使用上述土办法可不必须对加带给对象的属性值进行验证,就让值为非数字,就会抛出错误。

使用get陷阱函数进行对象外形验证

在js中,就让读取有另俩个 对象中不趋于稳定的属性时,会显示undefined,这对于排查问题很不利。使用代理进行对象外形验证就可不必须帮你从这个 错误中拯救出来。

let proxy = new Proxy({}, {
    get(trapTarget, key, receiver) {
        if (!(key in receiver)) {
            throw new Error(`property ${key} not exist`);
        }
        return Reflect.get(trapTarget, key, receiver);
    }
})

proxy.name = 'cc';
try {
    console.log(proxy.age);
} catch (error) {
    console.log(error.message);
}

//输出结果
property age not exist

上述代码对打印的对象属性进行验证,就让不趋于稳定则抛出有另俩个 错误。今日头条的有另俩个 面试题

使用has陷阱函数隐藏属性

in运算符用于判断指定对象中与非 趋于稳定某个属性,就让对象的属性名与指定的字符串或符号值相匹配,没法 in运算符应当返回true,无论该属性是对象自身的属性还是原型的属性。代理允许你使用has陷阱函数来防止这个 问题

has陷阱函数会在使用in运算符的具体情况下被调用,就让会被传入有另俩个 参数:

  1. trapTarget:必须读取属性的对象(即代理的目标对象)
  2. key:必须检查的属性的键(字符串类型或符号类型)Reflect.has()土办法接收与之相同的参数并向in运算符返回默认相应结果
let target = {
    name: 'cc',
    age: 26,
    sex: 'man'
}

let proxy = new Proxy(target, {
    has(trapTarget, key) {
        if (trapTarget.hasOwnProperty(key)) {
            return Reflect.has(trapTarget, key);
        } else {
            return false;
        }
    }
})

console.log('toString' in proxy);
console.log('name' in proxy);
console.log('age' in proxy);

使用deleteProperty陷阱函数防止属性被删除

delete运算符能从指定对象上删除有另俩个 属性,在删除成功时返回true,就让返回false

deleteProperty陷阱函数会在使用delete运算符去删除对象属性时被调用,就让会被传入有另俩个 参数:

  1. trapTarget:必须删除属性的对象
  2. key:必须删除的属性的键

Reflect.deleteProperty()土办法也接受有另俩个 参数,并提供了deleteProperty陷阱函数的默认实现。

let target = {
    name: 'target',
    value: 42
}

let proxy = new Proxy(target, {
    deleteProperty(trapTarg, ke) {
        if (ke === 'value') {
            return false;
        } else {
            return Reflect.deleteProperty(trapTarg, ke);
        }
    }
})

let result = delete proxy.value;
let result1 = delete proxy.name;
console.log(result);
console.log(result1);

猜你喜欢

晚唐 | 文人墨客对中国政治和文化的多方面的反思!

核心提示:古代的时候,当我门我门我门 刚现在结速对当事人在世界上的位置进行思考时,思想家们很自然地将我国视为沙漠中的文明绿洲,世界上仅有有文字、城市和先进制作技能的地方。唐朝

2020-01-23

「電話門」延燒 美眾院啟彈劾總統調查

圖:美國總統特朗普資料圖片【大公報訊】綜合BBC、CNN、《華盛頓郵報》報道:美國總統特朗普7月底與烏克蘭總統澤連斯基通電話時,涉嫌施壓令其調查美國前副總統拜登父子的「電話門」

2020-01-23

字节跳动推出“啄木鸟举报平台”小程序 可举报旗下产品违规内容

站长之家(ChinaZ.com)6月18日消息:昨日,字节跳动官方发表声明推出“啄木鸟举报平台”小应用线程,据介绍,“啄木鸟举报平台”将能够为用户提供字节跳动系产品内存在的疑似

2020-01-23

Windows 10新版17074发布:免打扰功能加入

北京时间1月12日,微软面向Windows10快速会员推送了Build17074预览版更新,这是进入2018年以来,RedStone4的第一次大的版本迭代。更新内容如下——Ed

2020-01-23

F. Vyhnalek数据,F. Vyhnalek新闻,F. Vyhnalek视频,F. Vyhnalek身价

首页新闻视频直播数据APP懂球号直播君广告企业商务合作F.VyhnalekF.Vyhnalek俱乐部:霍恩国籍:奥地利身高:CM位置:中场年龄:体重:KG号码:17号生日:惯用

2020-01-23