通过油猴脚本hook的笔记

油猴脚本

// ==UserScript==
// @name         HookBase64
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://login1.scrape.center/
// @icon         https://www.google.com/s2/favicons?sz=64&domain=scrape.center
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function hook(object,attr){
        var func = object[attr]
        object[attr] = function(){
            console.log('hooked',object,attr)
            var ret = func.apply(object, arguments)
            debugger
            return ret
        }
    }
    hook(window,'btoa')
})();

笔记

总体

1. 定义一个hook函数，hook函数的作用是：
   1. 用func保存参数“object”的‘attr’原始方法。
   2. 修改“object”的‘attr’方法，使得其具有以下作用：
      1. 在控制台输出提示信息。
      2. 给ret赋值 func的apply方法，并使得func的参数与原先一致。
      3. debugger
      4. 返回 ret
2. 然后调用hook函数。

注意点

Q: arguments 是什么玩意？有什么用？
A: arguments 对象会自动读取当前函数的所有参数，然后重新传递给apply()方法。

Q: 为什么要在最后返回 ret？这也没用上啊
A: 返回 ret 可以再将window.btoa的原始方法传递给其他变量，方便之后继续使用。