有没有办法在javascript中代理(拦截)一个类的所有方法?

fah*_*545 5 javascript oop class ecmascript-6 es6-class

我希望能够在类本身的构造函数内代理类的所有方法。

class Boy {
    constructor() {
        // proxy logic, do something before each call of all methods inside class
        // like if arg passed is 3, print something additionally
    }

    run(meters) {
        console.log(meters)
    }

    walk(meters) {
        // walk
    }
}

const myBoy = new Boy();
console.log(myBoy.run(3)) // should print 3 and something else
Run Code Online (Sandbox Code Playgroud)

我认为每个方法的 for 循环将是一个有趣的方法,但那时我可以在每个函数的第一行中实现逻辑。

fah*_*545 12

我意识到我可以创建一个代理,将目标作为类对象本身,然后索引该方法。

class Boy {
    constructor() {
        // proxy logic, do something before each call of all methods inside class
        // like if arg passed is 3, print something additionally
        return new Proxy(this, {
            get(target, prop) {
                const origMethod = target[prop];
                if (typeof origMethod == 'function') {
                    return function (...args) {
                        if (args[0] == 3) {
                            return "3 is unlucky, you didn't go anywhere."
                        }
                        let result = origMethod.apply(target, args)
                        return result
                    }
                }
            }
        })
    }

    run(meters) {
        return `you ran ${meters}!`
    }

    walk(meters) {
        return `you walked ${meters}!`
        // walk
    }
}

const myBoy = new Boy();
console.log(myBoy.run(2)) // prints "you ran 2!"
console.log(myBoy.walk(3)) // prints "3 is unlucky, you didn't run."
console.log(myBoy.run(3)) // prints "3 is unlucky, you didn't run."
Run Code Online (Sandbox Code Playgroud)