js中原型的規則介紹

規則說明

1、所有的引用型別都可以定製新增屬性。

2、所有引用型別都有自己的隱藏原型

3、函式有自己的顯示原型

4、所有引用型別的隱藏原型都指對應結構函式的顯示原型。

5、使用引用型別的定製屬性時，如果沒有這個屬性，則在該引用型別的__proto__(即對應結構函式的prototype)中尋找。

例項

function Element(ele) {
  this.ele = document.getElementById(ele);
}
 
Element.prototype.html = function(val) {
  var ele = this.ele;
  if (val) {
    ele.innerHTML = val;
    return this;
  } else {
    return ele.innerHTML;
  }
};
 
Element.prototype.on = function(type, fn) {
  var ele = this.ele;
  ele.addEventListener(type, fn);
  return this;
}
 
var element = new Element('main');
 
element.html('hello').on('click', function() {
  alert('handleClick');
});

以上就是js中原型的規則介紹，希望對大家有所幫助。更多js學習指路：

推薦操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。