js hook

// 示例代码：使用 JavaScript Hook 技术

// 1. 拦截函数调用 (Function Hook)
function hookFunction(originalFunction, callback) {
    return function (...args) {
        // 在函数执行前调用回调
        callback('before', ...args);
        // 执行原始函数
        const result = originalFunction.apply(this, args);
        // 在函数执行后调用回调
        callback('after', result);
        return result;
    };
}

// 示例函数
function greet(name) {
    console.log(`Hello, ${name}!`);
}

// Hook greet 函数
const hookedGreet = hookFunction(greet, (when, ...args) => {
    if (when === 'before') {
        console.log('Hook: Before greet called with:', args);
    } else if (when === 'after') {
        console.log('Hook: After greet called');
    }
});

// 调用被 Hook 的函数
hookedGreet('Alice');

// 输出：
// Hook: Before greet called with: [ 'Alice' ]
// Hello, Alice!
// Hook: After greet called

// 2. 拦截对象方法 (Object Method Hook)
const obj = {
    method: function () {
        console.log('Original method called');
    }
};

// Hook 对象方法
const originalMethod = obj.method;
obj.method = function (...args) {
    console.log('Hook: Before method called');
    const result = originalMethod.apply(this, args);
    console.log('Hook: After method called');
    return result;
};

// 调用被 Hook 的对象方法
obj.method();

// 输出：
// Hook: Before method called
// Original method called
// Hook: After method called

解释说明：

1. 拦截函数调用：通过 hookFunction 函数，我们可以在目标函数执行前后插入自定义逻辑。这里我们定义了一个 greet 函数，并通过 hookFunction 对其进行了 Hook。在每次调用 greet 时，会先执行 Hook 回调函数（打印日志），然后执行原始的 greet 函数，最后再执行 Hook 回调函数。

2. 拦截对象方法：我们可以通过覆盖对象的方法来实现 Hook。这里我们定义了一个对象 obj，并对其 method 方法进行了 Hook。每次调用 obj.method 时，会先打印 "Hook: Before method called"，然后执行原始方法，最后再打印 "Hook: After method called"。

这种方式可以帮助你在不修改原有代码的情况下，动态地添加额外的功能或调试信息。