1

如何完全替换 JavaScript 中的函数？

我得到了这个代码，但它不起作用。不过，DOM 会更新。那是怎么回事？

<html>
<head>
    <script id="myScript" type="text/javascript">
        function someFunction() {
            alert("Same old.");
        }
    </script>
</head>
<body>

<input type="button" onclick="someFunction();" value="A button." />
<script>
    function replace() {
        var oldFunctionString = someFunction.toString();
        var oldContents = oldFunctionString.substring(oldFunctionString.indexOf("{") + 1, oldFunctionString.lastIndexOf("}") );
        var newCode = "alert(New code!);";        
        var newFunctionString = "function someFunction(){"+newCode+"}";
        var scriptTag = document.getElementById('myScript');

        scriptTag.innerHTML = scriptTag.innerHTML.replace(oldFunctionString,newFunctionString);
    }

    replace();
</script>

</body>
</html>

JSfiddle在这里

4

2 回答 2

6

设置.innerHTML不会重新执行脚本。如果您真的想这样做，您必须创建一个新script元素并将其附加到 DOM，然后覆盖之前的脚本所做的（当然，并非在所有情况下都可能）。

如果要替换该功能，只需使用

somefunction = function() {
    alert(New code!); // syntax error, btw
};

当然，要仅替换部分代码（不知道全部），您可以尝试 regex 和 co。仍然只是将新函数重新分配给变量：

somefunction = eval("("
  + somefunction.toString().replace(/(alert\().*?(\);)/, "$1New code!$2")
  + ")");
于 2012-11-03T16:38:08.040 回答
2

您似乎正在尝试使用字符串，而不是函数本身。只需这样做：

someFunction = function () { /* your function code here */ }
于 2012-11-03T16:38:12.033 回答