js代理 new Proxy()

最新推荐文章于 2025-03-22 18:40:15 发布

原创最新推荐文章于 2025-03-22 18:40:15 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文通过示例展示了如何使用JavaScript的Proxy对象来拦截函数调用，确保传入参数为数字，以及如何在构造函数上设置代理，防止无参数实例化。在代理中，我们实现了对函数调用的额外检查和错误处理，增强了代码的健壮性。

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

//代理函数
//获取数组中值的function
function median(...nums) {
    return nums.sort()[Math.floor(nums.length / 2)]
}

const proxy = new Proxy(median, {
    apply(target, thisArg, argumentsList) {

        console.log('target', target);
        console.log('thisArg', thisArg);
        for (const arg of argumentsList) {
            if (typeof arg !== 'number') {
                throw 'Non-number argument provided'
            }
        }
        return Reflect.apply(...arguments)
    }
})

console.log(proxy(4, 7, 1));
console.log(proxy(4, '7', 1)); //报错

//代理构造函数
class User {
    constructor(id) {
        this.id_ = id
    }
}
const proxy = new Proxy(User, {
    construct(target, argumentsList, newTarget) {
        if (argumentsList[0] === undefined) {
            throw 'User cannot be instantiated without id'
        } else {
            return Reflect.construct(...arguments)
        }
    }
})

new proxy(1)
new proxy() //报错