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

  • 时间:
  • 浏览:1
  • 来源:幸运快3_快3平台代理_幸运快3平台代理

通过调用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);

我的博客即将同步至腾讯云+社区,邀请我们同去入驻:https://cloud.tencent.com/developer/support-plan?invite_code=2n9b6sotx9wkc

猜你喜欢

ST拉万特河谷新闻,ST拉万特河谷赛程赛果,ST拉万特河谷数据统计,ST拉万特河谷阵容,ST拉万特河谷球员名单

首页新闻视频直播数据APP懂球号直播君广告企业企业合作ST拉万特河谷St.Michael/Lavanttal成立:国家:城市:主场:容纳:人电话:邮箱:地址:赛程<前10

2020-01-23

对话阿里张勇:双11不为交易数字,我十年从不做预期

阿里巴巴天猫双11于今日夜里正式打响。晚上22点28分,成交额突破1150亿元。与此同時 ,阿里巴巴CEO张勇接受了新浪科技采访。张勇指出,双11所以我走过10年,他对总交易

2020-01-23

V. Kernstock数据,V. Kernstock新闻,V. Kernstock视频,V. Kernstock身价

V.KernstockV.Kernstock俱乐部:特尔福斯国籍:奥地利身高:CM位置:前锋年龄:17岁体重:KG号码:号生日:5002-08-06惯用脚:相关队员前锋进球国籍

2020-01-23

上线送满v传奇游戏盒子最新下载

上线送满v传奇游戏盒子是一款最新好玩的游戏软件平台,由创游科技倾力打造的游戏下载应用平台,在这里我就到最新、最火爆的BT游戏,然后上线即送满VIP、免费0元GM特权服,豪华游戏

2020-01-23

古代文人多有雅号,而原因固不止一端!

核心提示:古代文人多有雅号,而雅号的得名,因为着固不止一端。有因所从事的职业而得名的。计有功在《唐诗纪事》中说,胡令能“少为负局钉铰之业”,也否则 否则 用铆钉把破损的锅碗

2020-01-23