在Javascript中将jQuery本机函数重构为HTMLElements

Question

我想重新实现jQuery函数。

例如，.attr()。

我找到了一些像这这样的线程。

所以我尝试了这样的方法：

HTMLElement.prototype.attr = (pAttributeName, pAttributeValue) => {
  if(pAttributeValue){
    this.setAttribute(pAttributeName, pAttributeValue);
  } else {
      return this.getAttribute(pAttributeName);
  }
};

，但它不起作用。我必须先在构造函数中插入元素吗？

Answer 1

来自文档

与函数表达式相比，箭头函数表达式(也称为fat箭头函数)的语法更短，并在词汇上绑定此值。

在您的示例中，this被绑定到window对象。

使用正则函数的

​

HTMLElement.prototype.attr = function(pAttributeName, pAttributeValue) {
  if (pAttributeValue) {
    this.setAttribute(pAttributeName, pAttributeValue);
  } else {
    return this.getAttribute(pAttributeName);
  }
};

document.querySelector('h1').attr('id', 'head')

#head {
  color: red;
}

<h1>Heading</h1>

​