javascript代理construct()和apply()方法的写法和调用

最新推荐文章于 2025-02-18 11:26:43 发布

cdcdhj

最新推荐文章于 2025-02-18 11:26:43 发布

阅读量156

点赞数 1

分类专栏： javascript学习日记文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/cdcdhj/article/details/138358734

版权

javascript学习日记专栏收录该内容

151 篇文章

订阅专栏

本文详细介绍了JavaScript中的Proxy对象，展示了如何设置和使用其属性方法，如set、get、has等，并通过构造函数和apply()函数的应用实例来演示Proxy的动态代理功能。

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

const myTarget={
    sayHi(){
        return 'HI';
    }
    
};
//这里是代理属性方法的设置和检测方法
const proxy=new Proxy(myTarget,{
    set(target,property,value,receiver){
        console.log('set property success');
        return Reflect.set(...arguments);
    },
    get(target,property,receiver)
    {
        return Reflect.get(...arguments);
    },
    has(target,property)
    {
        return Reflect.has(...arguments);
    },
    defineProperty(target,property,descriptor)
    {
        console.log('设置默认属性成功');
        return Reflect.defineProperty(...arguments);
    },
    getOwnPropertyDescriptor(target,property)
    {
        return Reflect.getOwnPropertyDescriptor(...arguments);
    },
    deleteProperty(target,property)
    {
        console.log('deletePropery');
        return Reflect.deleteProperty(...arguments);
    },
    getPropertyOf(target)
    {
        return Reflect.getPrototypeOf(...arguments);
    },
    ownKeys(target)
    {
        console.log('查看属性');
        return Reflect.ownKeys(...arguments);
    },
    setPrototypeOf(target,prototype)
    {
        return Reflect.setPrototypeOf(...arguments);
    },
    getPrototypeOf(target)
    {
        return Reflect.getPrototypeOf(...arguments);
    },
    isExtensible(target)
    {
        console.log('isExtensible()');
        return Reflect.isExtensible(...arguments);
    },
    preventExtensions(target)
    {
        console.log('preventExtensions()');
        return Reflect.preventExtensions(...arguments);
    },
    apply(target,thisArg,...argumentsList)
    {
        console.log('apply()');
        return Reflect.apply(...arguments);
    },
    construct(target,argumentsList,newTarget)
    {
        return Reflect.construct(...arguments);
    }

});
Object.defineProperty(proxy,'bar',{value:'bbb',enumerable:true});
proxy.foo='bar';

//下面是关于construct()和 apply()方法的写法和调用
function Sum2(a,b)
{
    if(this instanceof Sum2)
    {
        this.a=a;
        this.b=b;
        this.sum=function()
        {
            return this.a+this.b;
        }
    }else
    {
        return new Sum2(a,b);
    }
    
}

const proxy1=new Proxy(Sum2,{
    construct(target,args)
    {
        return Reflect.construct(...arguments);
    },
    apply(target,thisArg,...argumentsList)
    {
        console.log('apply()');
        return Reflect.apply(...arguments);
    }
});
console.log(proxy1.apply(this,[5,6]).sum())