javascript - 覆盖用户定义的函数以使用 chrome 扩展使用 native 函数

Question

我对 JS 相当陌生，并创建了一个 chrome 扩展程序，其中我使用了 Array.filter 函数，但是对于某些网站，网站所有者创建了他们自己的 Array.filter 函数，其行为与内置函数不同。有什么方法可以覆盖此用户定义的函数并获取此函数的 native 行为。任何帮助将不胜感激。

Answer 1

要保存原始的 Array#filter 方法，您只需将其保存到一个变量中，然后在需要时通过使用 call() 来使用它。 :

//Saving the original method
var ArrayFilter = Array.prototype.filter;
//Then whenever needing to use it, call it by using call()
var someArray = [1,2,3];
var filteredArray = ArrayFilter.call(someArray,function(){ /* your filter callback */ });

现在您需要在创建修改后的 filter() 方法的脚本之前运行它。您将必须通过更改加载内容脚本的时间点来执行此操作，以便它可以加载其他代码。这是通过设置 run_at 来完成的。 list 中的设置:

list :

"content_scripts": [
  {
    "matches": ["http://*.example.com/*"],
    "run_at": "document_start",
    "js": ["contentScript.js"]
  }
],

contentScript.js

//injecting the script into the page
//or however you are currently doing it
var yourScript = document.createElement('script');
document.head.appendChild(yourScript);
yourScript.textContent = "/* your js code */";