如何创建包装器

Question

当我在 Google 上搜索特定内容时，我多次遇到“创建包装器并扩展它”的概念。就我而言，我想扩展 DOM。我知道人们多么反对这样做，但我想做的事情略有不同，要做到这一点，我至少需要探索这些方法。因此，无论我查看什么博客/wiki/tut，都没有得到直接答案，我向您提出的问题是：什么是包装对象/函数以及如何制作和使用它？

抱歉，如果事实证明我说得毫无道理；当我读到原型库和 JQuery 曾经做过此类事情时，我得到了这个想法。如果您能使用 DOM 作为示例，我们将不胜感激。

Answer 1

愚蠢的例子，假设

MyDiv = {
  _e:document.getElementById('my-div'),
  setText:function(s) {
    this._e.innerText = s;
  },
  getText:function() {
    return this._e.innerText;
  },
  red:function() {
    this._e.style.backgroundColor = 'red';
  }
}

将 DOM 元素 my_div 包装在 MyDiv 内允许您可以过滤（或增强）包装对象的接口。

MyDiv.setText('Hello');
MyDiv.red();
alert(MyDiv.getText());