下面我就為大家帶來一篇對Js OOP程式設計 創建物件的一些全面理解。現在就分享給大家,也給大家做個參考。
物件導向是一種對現實世界理解和抽象的方法,是電腦程式設計技術發展到某個階段後的產物。
物件的意思
物件可以是汽車,人,動物,文字,表單或任何存在的事物等等。
物件有:
屬性-------物件的某些特定的性質。
方法-------物件能做的事情。
事件-------能回應發生在物件上的事情。
我們可以透過創造一個人的物件來理解物件導向
人:
兩手,兩腳,一個頭,還可以跑動。
手,腳,頭,是人的屬性,跑動是人的方法。
首先,我們來用最簡單的方法創建一個對象
var person = { head: "one", hand: "two", foot: "two", run : function(){ console.log("running"); } }
這個方法一點都不實用,因為它是創建一個單獨的對象,,而這個對象和任何常見的數據結構沒有任何聯繫。
然後,我們用建構函式的方式建立一個物件
var Person = function(){//注意,首字母大写 this.head = "one", this.hand = "two", this.foot = "two", this.run = function(){ alert("running"); } } var Joan = new Person(); document.write(Joan.run())// "running"
這是用建構函式建立的對象,然後我們再加上一行程式碼看看
var Niki = new Person(); alert(Joan==Niki) //false;
是的,現在創建了是兩個不同的物件實例。
在JavaScript中的每個函數都有一個prototype的屬性.如果某個函數被用作構造函數,則這個屬性會被自動透過new呼叫建立物件的原型
console.log(Joan)
可以看到有一個__proto__:Person,其中__proto__是Joan的原型鏈.它是指向Person的原型.
JS在創建物件(不論是普通物件還是函數物件)的時候,都有一個叫做__proto__的內建屬性,用來指向創建它的函數物件的原型物件prototype。
關於原型鏈的一些理解,在JavaScript高級程式設計 一書中寫的非常詳細。有興趣的可以去看看,網路上也有pdf的文件可以找到。不過建議還是買本書,支持原版嘛。
然後對prototype這個原型屬性的任何更改能夠應用於用new Person()構造的每一個實例對象,不管它是在更改之前還是更改後創建.為Person.prototype 添加新函數.具體如下:
var Person = function(){//注意,首字母大写 this.head = "one", this.hand = "two", this.foot = "two" } Person.prototype.run = function(){ alert("running"); } var Joan = new Person(); Joan.run()// "running" alert(Joan.__proto__===Person.prototype)//'true'
可以看到,在原型中建立方法是可以呼叫的,同時Joan的原型鍊是指向Person的原型的。
再看:
var Niki = new Person();//"runing" Person.prototype.run = function(){ alert("running running") } Joan.run()//"running running" Niki.run()//"running running"
看,修改Person的原型方法,所有被new Person()創建的物件實例中的方法都被修改了,因為所有實例中共用的是同一個原型方法run。這就是原型的一種應用。
上面是我整理給大家的,希望今後對大家有幫助。
相關文章:
詳細為你解讀JavaScript字元集編碼與解碼(圖文教學)
以上是對Js OOP程式設計 創建物件的詳細解讀的詳細內容。更多資訊請關注PHP中文網其他相關文章!