如何通过注入脚本修改/扩展 javascript 函数？

Question

假设这个函数...

function foo(param){
// original works
}

已经存在于 html 文档中。

我有一个书签，可以将外部脚本注入到文档中。从该脚本中，我想将 foo() 函数的行为修改为...

function foo(param){
// original works
bar(param);
}

bar() 是注入脚本中的一个新函数。 我在注入的脚本中复制 foo 没有问题。

我该怎么做？

Answer 1

javascript 中的一切都可以是对象，包括函数。考虑到这一点，您可以创建旧函数的副本，然后在引用副本时覆盖新函数：

function foo(param){
// original works
}

var old_foo = foo;

function foo(param) {
 old_foo(param);
 bar(param);
}