Javascript:如何创建全局函数和变量

2023-11-27

我想创建一个可以在元素上使用的新函数,如下所示:

document.getElementById("element").myNewFunction();

我不是在谈论这个:

document.getElementById("element").myNewFunction = function(){
   doSomething...
}

因为这仅适用于该元素,但我应该如何创建可以在所有元素(例如 JavaScript 中内置的元素)上使用的全局函数?


使用Element的原型来扩展其功能:

Element.prototype.myNewFunction = function() { 
      // your code...
};

现在您可以在任何元素对象上调用此方法。

Edit:我刚刚快速检查了一下,看来这不适用于 IE7 及以下版本,而 IE8 可能会不稳定。

Edit 2: 另外,正如 Eli 指出的那样,扩展您不拥有的对象可能不是最佳实践。鉴于此和不稳定的 IE 支持,您可能需要考虑一个简单的过程函数:

function myFunction(element) {
  // your code...

  // which may or may not return an object or value
  return blah;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript:如何创建全局函数和变量 的相关文章

随机推荐