如何创建包装器

Question

当我搜索特定的东西时,我已经多次遇到"创建包装器并扩展它"的概念.就我而言,我想扩展DOM.我知道对此有何建议,但我想要做的是略有不同,为此我需要至少探索这些方法.所以我的问题是,在没有得到直接答案之后,我看到的是什么博客/ wiki/tut是:什么是包装器对象/函数,你如何制作和使用它？

对不起,如果事实证明我毫无意义; 当我读到原型库时,我从这个想法中得到了这个想法,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());