js,物件導向程式設計

工廠模式：

function createperson(name,age,job); 
o.name = name; 
o.age = age; 
o.job = job; 
o.sayname = function(); 
return o; 
} var tanya = createperson("tanya","30","female"); 
var ansel = createperson("ansel","30","male"); 
tanya.sayname(); 
ansel.sayname();

這裡先定義o為乙個空的物件，然後為o設定了一堆屬性。其實也可以直接給o屬性的嘛，所以如果這樣寫也是ok的。

function createperson(name,age,job) 
}; return o; 
} var tanya = createperson("tanya","30","female"); 
var ansel = createperson("ansel","30","male"); 
tanya.sayname(); 
ansel.sayname();

還有一種辦法是利用無敵的this，因為this就表示當前執行時的物件，將建構函式this的作用域指向新物件，將當前執行物件的屬性和方法都賦給新物件，這樣物件模式稱為建構函式模式

function person(name,age,job); 
} var tanya = new person("tanya","30","female"); 
var ansel = new person("ansel","30","male"); 
tanya.sayname(); 
ansel.sayname();

在這個例子中，tanya和ansel都有乙個constructor屬性，該屬性指向person。

考慮一下如下的情況：

function person(name,age,job); 
} person("tanya","30","female"); 
person("ansel","30","male"); 
window.sayname(); 
window.sayname();

發現兩次彈出的都是ansel，這是因為不用new的話，就不是乙個person的例項，而僅僅在執行函式。而在全域性作用域呼叫乙個函式時this總是指向global物件。而global物件在瀏覽器中就是window物件。

function person(name,age,job); 
} var olivia = {}; 
person.call(olivia,"tanya","30","female"); 
olivia.sayname(); 
var philip = {} 
philip.sayname();

原型模式就要考慮原型鏈了，分析一下，sayname方法在例項中被重複定義了兩次，但其實沒有必要創造兩個一樣的副本。使用原型方法，可以使是tanya和ansel的共享乙個sayname方法。

於是原型模式的寫法如下：

function person(name,age,job) 
person.prototype.sayname= function(); 
var tanya = new person("tanya","30","female"); 
var ansel = new person("ansel","30","male"); 
tanya.sayname(); 
ansel.sayname();

實際應用時，不是一成不變的套用某種模式，活學活用。需要共享方法的時候就用原型模式，需要使用副本的時候就用構造模式，還可以結合起來，把所有資訊都封裝在建構函式中，而通過在建構函式中初始化原型，使得物件保持了同時使用建構函式和原型的優點

function person(name,age,job); 
} } 
var tanya = new person("tanya","30","female"); 
var ansel = new person("ansel","30","male"); 
ansel.sayname = function ()  
tanya.sayname(); 
ansel.sayname();

js,物件導向程式設計

JS物件導向程式設計物件

js物件導向程式設計

js物件導向程式設計

js,物件導向程式設計

JS物件導向程式設計 物件

js物件導向程式設計

js物件導向程式設計

相關推薦

JS物件導向程式設計物件