javascript物件導向程式設計概念簡單介紹

antzone發表於2017-04-03

關於物件導向這個術語,大家應該都不陌生了,鋪天蓋地都是。

但是很多朋友還是不太明白到底什麼是物件導向的程式設計,下面就用通俗的語言做一下介紹。

物件導向簡單的說就是將功能封裝到物件裡,強調的是具備某種功能的物件。

程式導向強調的是具體的功能實現,第一步幹什麼,第二個步幹什麼。

先看一個簡單的程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
var antzone = {
  webName:"螞蟻部落",
  getName:function(){
    console.log(this.webName)
  }
}
person.getName();

下面介紹一下物件導向程式設計的常見方式:

一.工廠模式:

[JavaScript] 純文字檢視 複製程式碼
function createAntzone(webName,age,url){
  var o=new Object();
  o.webName=webName;
  o.age=age;
  o.url=url;
  o.getName=function(){
    console.log(this.name);
  }
}
var antzone=createAntzone('螞蟻部落',4,"softwhy.com");

二.建構函式模式:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(){}
Antzone.prototype.webName = "螞蟻部落";
Antzone.prototype.age = 4;
Antzone.prototype.url = "softwhy.com";
Antzone.prototype.getName = function () {
  console.log(this.webName);
};
var antzone=new Antzone();
antzone.getName();

相關文章