javascript - 如何使 Javascript 类/构造函数可在 HTMLCollection 或 Element 上调用

Question

我有一个名为 slider 的 JS 构造函数/类

我想要做的是将 slider 作为 HTMLCollection 或 Element 的函数进行调用。

我想调用这样的电话

document.getElementsByClassName('my-class').slider()

我该怎么做？无法通过谷歌搜索出来，也许是因为我不知道这种类型的实现的术语

Answer 1

 HTMLCollection.prototype.slider = function() {
   //...
 }

这称为“扩展 native 原型(prototype)”，通常是一种不好的做法。你真的需要那个吗？为什么不只是:

function slider(nodes) { /*...*/ }

slider(document.getElementsByClassName("whatever"));

或者只是:

function slider(selector) {
  const nodes = document.querySelectorAll(selector);
  //...
}

slider(".someclass");