js 代理与反射简介

豪华手抓饼

于 2021-09-05 16:54:20 发布

阅读量371

点赞数 1

分类专栏： # JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/lihaogn/article/details/120117477

版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript中的代理（Proxy）和反射（Reflect）机制，它们允许在基本操作执行前插入额外的行为。通过示例展示了如何使用处理器（handler）来拦截并自定义目标对象的get操作，如在访问年龄属性时自动添加修饰符。代理和反射是JavaScript高级特性，为对象操作提供了更灵活的控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 代理与反射简介

代理与反射提供了拦截并向基本操作嵌入额外行为的能力。

在对目标对象的各种操作影响目标对象之前，可以在代理对象中对这些操作加以控制。

// 目标对象
const target = {
    name: 'zhangsan',
    age: 12,
}

// 处理器
const handler = {
    // get 捕获器
    /**
     * 
     * @param {*} trapTarget - 目标对象
     * @param {*} property - 访问的属性
     * @param {*} receiver - 代理对象
     * @returns 
     */
    get(trapTarget, property, receiver) {
        let decoration = ''
        if (property === 'age') {
            decoration = '岁'
        }
        // 使用反射API
        return Reflect.get(...arguments) + decoration
    }
}

// 代理对象
const proxy = new Proxy(target, handler)

console.log('proxy.name:', proxy.name, ',', 'target.name:', target.name);
// proxy.name: zhangsan , target.name: zhangsan
console.log('proxy.age:', proxy.age, ',', 'target.age:', target.age);
// proxy.age: 12岁 , target.age: 12