javascript - 如何创建包装器

Question

当我用 Google 搜索特定内容时，我多次遇到“创建包装器并扩展它”的概念。就我而言，我想扩展 DOM。我知道反对的建议有多大，但我尝试做的事情略有不同，为此我至少需要探索这些方法。所以我想问你的问题是:什么是包装器对象/函数，你如何制作和使用它？ p>

如果事实证明我没有道理，我很抱歉；当我读到那个原型(prototype)库和 JQuery 曾做过这类事情时，我就有了这个想法。如果您能以 DOM 为例，我们将不胜感激。

Answer 1

愚蠢的例子，假设<div id='my-div'></div>

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());