js-utils-chs/src/object/proxy_case.js

自定义工具函数库

/**
 * 案例
 */
let a = { name: '历史', data: "dasta" };
let c = { name: '历史都', data: "dasta" };
let p = new Proxy(a, {
    get(target, propKey, receiver) { //拦截对象属性的读取，比如proxy.foo和proxy['foo']
        // console.log(target, propKey, receiver)
        return target[propKey]
    },
    set(target, propKey, value, receiver) {// 拦截对象属性的设置，比如proxy.foo = v或proxy['foo'] = v，返回一个布尔值
        // console.log(target, propKey, value, receiver)
        target[propKey] = value;
    },
    deleteProperty(target, propKey) {//拦截delete proxy[propKey]的操作，返回一个布尔值。
        return delete target[propKey];
    },
    has(target, propKey) { //拦截propKey in proxy的操作，返回一个布尔值
        // console.log(target, propKey)
        return propKey in target;
    },
    ownKeys(target) {//拦截Object.getOwnPropertyNames(proxy)、Object.getOwnPropertySymbols(proxy)、Object.keys(proxy)、for...in循环，返回一个数组。该方法返回目标对象所有自身的属性的属性名，而Object.keys()的返回结果仅包括目标对象自身的可遍历属性
        // console.log(target);
        return Reflect.ownKeys(target).filter(key => key[0] !== '_')
    },
    getOwnPropertyDescriptor(target, propKey) {//拦截Object.getOwnPropertyDescriptor(proxy, propKey)，返回属性的描述对象。
        console.log(target, propKey)
        return Object.getOwnPropertyDescriptor(target, propKey);
    },
    // defineProperty(target, propKey, propDesc) {//拦截Object.defineProperty(proxy, propKey, propDesc）、Object.defineProperties(proxy, propDescs)，返回一个布尔值。
    //     console.log(target, propKey, propDesc)
    //     return false
    // }
    preventExtensions(target) {//拦截Object.preventExtensions(proxy)，返回一个布尔值。
        console.log(target);
        Object.preventExtensions(target);
        return true;
    },
    getPrototypeOf(target) {//拦截Object.getPrototypeOf(proxy)，返回一个对象。
        console.log(target);
        return target;
    },
    isExtensible(target) {//拦截Object.isExtensible(proxy)，返回一个布尔值。
        console.log(target);
        return true
    },
    setPrototypeOf(target, proto) { //拦截Object.setPrototypeOf(proxy, proto)，返回一个布尔值。如果目标对象是函数，那么还有两种额外操作可以拦截
        console.log(target, proto)
        return true
        throw new Error("Changing the prototype is forbidden")
    },
    apply(target, object, args) {//拦截 Proxy 实例作为函数调用的操作，比如proxy(...args)、proxy.call(object, ...args)、proxy.apply(...)。

    },
    construct(target, args) {//拦截 Proxy 实例作为构造函数调用的操作，比如new proxy(...args)。

    }
})