js prototype原型應用簡單例項程式碼

關於prototype原型的更多用法可以參閱javascript prototype原型一章節。

下面分享一下使用prototype原型的程式碼例項，需要的朋友可以做一下參考。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(webName,url){
  this.webName=webName;
  this.url=url;
}
Antzone.prototype.address = '青島市南區';
Antzone.prototype.show = function() {
  console.log(this.webName);
};
var antzone=new Antzone("螞蟻部落","softwhy.com");
antzone.show();

上面的程式碼是修改原型物件，再來看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(webName,url){
  this.webName=webName;
  this.url=url;
}
var obj={
  address:'青島市南區',
  show:function(){
    console.log(this.webName);
  }
}
Antzone.prototype = obj;
Antzone.prototype.constructor=Antzone;
var antzone=new Antzone("螞蟻部落","softwhy.com");
antzone.show();

上面的程式碼是重置原型物件，所以為了保持物件例項的constructor屬性依然執行Antzone，所以就要重置一下constructor。

更多關於constructor屬性可以參閱javascript constructor一章節。