10

我有一个奇怪的问题，我需要将一些 javascript 注入另一个 javascript 函数。我正在使用一个已锁定的框架，因此我无法更改现有功能。

我所拥有的是这样的

函数 doSomething(){ ... }

...***

我可以操纵 ***（上图）但是我不能更改 doSomething 函数......相反，我需要以某种方式将几行代码注入到 doSomething 代码的末尾。

我需要这样做的原因是自定义框架调用 doSomething() 并且这会导致从服务器返回一个我需要提取的 ID。此 ID 仅在 doSomething 函数中引用，因此除非我向该函数注入代码（除非我错过了某些内容），否则我无法捕获它。

有没有办法做到这一点？

4

7 回答 7

6

给它起别名。

var oldDoSomething = doSomething;
doSomething = function() {
  // Do what you need to do.
  return oldDoSomething.apply(oldDoSomething, arguments);
}
于 2010-01-21T12:05:57.397 回答
4

通过使用源代码字符串来更改函数非常简单。要针对特定​​实例执行此操作，请尝试：

eval(doSomething.toString().replace(/}\s*$/, ' return id; $&'));

现在doSomething返回 ID。我通常不喜欢，但由于需要访问局部变量，因此此处不适用eval正常的面向方面的编程技术。

如果doSomething已经返回一个值，请尝试将主体包装在 a 中try ... finally：

eval(doSomething.toString()
    .replace(/^function *\w* *\([^)]*\) *{/, '$& try {')
    .replace(/}\s*$/, '} finally { window.someID = id; } $&')
);

要将其转换为函数，我们需要使代码在全局范围内进行计算。最初，此答案with用于更改 的范围eval，但这目前在浏览器中不起作用。相反，.call用于更改 to 的eval范围window。

(function () {
    var begin = /^function\s*\w*\s*\([^)]*\)\s*{/,
        end = /}\s*$/;

    function alter(func, replacer) {
        var newFunc = replacer(func.toString());
        eval.call(window, newFunc);
    }

    function insertCode(func, replacer, pattern) {
        alter(func, function (source) { 
            return source.replace(pattern, replacer);
        });
    };

    /* Note: explicit `window` to mark these as globals */
    window.before = function (func, code) {
        return insertCode(func, '$& ' + code, begin);
    };

    window.after = function (func, code) {
        return insertCode(func, code + ' $&', end);
    };

    window.around = function (func, pre, post) {
        /* Can't simply call `before` and `after`, as a partial code insertion may produce a syntax error. */
        alter(func, function(source) {
            return source
                .replace(begin, '$& ' + pre)
                .replace(end, post + ' $&');
        });
    };
})();
...
after(doSomething, 'return id;');
/* or */
around(doSomething, 'try {', '} finally { window.someID = id; }');

如果要重写绑定到变量的方法和匿名函数，请更改alter为：

...
    function alter(func, replacer) {
        var newFunc = replacer(eval('window.' + funcName).toString());
        eval.call(window, newFunc);
    }
...
function Foo() {}
Foo.prototype.bar = function () { var secret=0x09F91102; }
...
after('Foo.prototype.bar', 'return secret;');

请注意，函数的第一个参数现在是字符串。可以进一步改进以处理在全局范围内无法访问的方法。

于 2010-01-22T02:35:29.007 回答
3

感谢您的所有反馈。每个答案都给了我一个线索，因此我想出了以下解决方案。

<body>
<script type="text/javascript">
    var val;
    function doSomething(item1, item2) {
        var id = 3;
    }
    function merge() {
        var oScript = document.createElement("script");
        var oldDoSomething = doSomething.toString();
        oScript.language = "javascript";
        oScript.type = "text/javascript";
        var args = oldDoSomething.substring(oldDoSomething.indexOf("(") + 1, oldDoSomething.indexOf(")"));
        var scr = oldDoSomething.substring(oldDoSomething.indexOf("{") + 1, oldDoSomething.lastIndexOf("}") - 1);
        var newScript = "function doSomething(" + args + "){" + scr + " val = id; }";
        oScript.text = newScript;
        document.getElementsByTagName('BODY').item(0).appendChild(oScript);
    }

    merge();

</script>
<input type="button" onclick="doSomething();alert(val);" value="xx" />

于 2010-01-22T01:21:49.020 回答
2

我不确定您所说的“锁定”是什么意思 - JavaScript 由您的浏览器解释。即使它已被缩小或编码，您仍然可以从脚本页面的源中复制该函数的源。此时，您将原始功能重新分配给您自己的设计，其中包含复制的代码和您自己的代码。

var id;
var myFunction = function() {
  // code copied from their source, which contains the variable needed

  // insert  your own code, such as for copying the needed value
  id = theirIDvalue;

  // return the value as originally designed by the function
  return theirValue;
};

theirObject.theirFunction = myFunction;
于 2010-01-21T15:05:28.340 回答
1 
function doSomething() { ... }
var oldVersionOfFunc = doSomething;
doSomething = function() {
    var retVal = oldVersionOfFunc.apply(oldVersionOfFunc, args);
    // your added code here
    return retVal;
}

这似乎会引发错误（递归过多）

function doSomething(){ document.write('Test'); return 45; } 
var code = 'myDoSomething = ' + doSomething + '; function doSomething() { var id = myDoSomething(); document.write("Test 2"); return id; }';
eval(code)
doSomething();

这对我有用，即使它很丑。

于 2010-01-21T12:16:28.897 回答
0

函数是 Javascript 中的第一类值，这意味着您可以将它们存储在变量中（实际上，声明命名函数本质上是将匿名函数分配给变量）。

你应该能够做这样的事情：

function doSomething() { ... }

var oldVersionOfFunc = doSomething;
doSomething = function() {

    var retVal = oldVersionOfFunc.apply(oldVersionOfFunc, args);

    // your added code here

    return retVal;
}

（但是，我可能是错的。我的 javascript 有点生锈了。;)）

于 2010-01-21T12:04:52.207 回答
0

我无法更改 doSomething 函数...相反，我需要以某种方式将几行代码注入 doSomething 代码的末尾

在我看来，在代码末尾注入几行doSomething代码听起来像是改变了doSomething函数。我认为，不幸的是，你被搞砸了。

（我对这一切有点模糊，但我认为函数是担心这些事情的人如何在 JavaScript 中实现信息隐藏，正是因为你无法从它们外部访问它们的范围。）

于 2010-01-21T12:09:30.797 回答