JavaScript物件導向編程

標籤：

不好的寫法

function CreatePerson(name,qq){//建構函式    /*         new建構函式的時候        系統會自動new一個Object對象,var this = new Object();        最後再把這個new的this對象返回,return this;     */    this.name=name;//屬性name    this.qq=qq;//屬性qq    this.showName=function(){        alert(‘我的名字叫：‘+this.name);    }    this.showQQ=function(){        alert(‘我的QQ號是：‘+this.qq);    }}var obj=new CreatePerson(‘user1‘,‘1234‘);var obj2=new CreatePerson(‘user2‘,‘5678‘);alert(obj.showName == obj2.showName);//false/* 兩個new產生對象的showName是不同的new的對象多了，記憶體佔用過多效能就會受影響了*/

好的寫法

function CreatePerson(name,qq){//建構函式    this.name=name;//屬性name    this.qq=qq;//屬性qq}CreatePerson.propotype.showName=function(){    alert(‘我的名字叫：‘+this.name);}CreatePerson.propotype.showQQ=function(){    alert(‘我的QQ號是：‘+this.qq);}var obj=new CreatePerson(‘user1‘,‘1234‘);var obj2=new CreatePerson(‘user2‘,‘5678‘);alert(obj.showName == obj2.showName);//true/*此時兩個obj的showName是相同的*/

物件導向編程：用建構函式加屬性（變數），用原型加方法（函數）。
一樣的放到原型中，不一樣的放到建構函式中。 因為name、qq是不確定的，而顯示的方法時相同的。

物件導向： 使用對象時， 只關注對象提供的功能， 不需要關注其內部的細節， 比如jQuery

css		javascript
class	一次給一組元素添加	原型
style	一次給一個元素添加	給對象加的一個方法

原型相當於css中的class， 給一組元素添加， 可以繼承共用

var arr = new Array（）；

類	對象
模子	產品(成品)
Array()	arr
可以 new Array()	不可以 new arr()
Array是一個模子， 不具備實際功能，不能 Array.push()	arr是一個產品，是拿來使用的，可以 arr.push()
類有原型，可以 Array.prototype	對象沒有原型，不能 arr.prototype

 

JavaScript物件導向編程