前端開發模式

如今不少前端開發的小夥伴對前端開發模式不是很瞭解，如今我寫一些本身的學習心得和你們共享，但願有所收穫！

首先第一個開發模式：工廠模式：

工廠模式顧名思義便是經過一個工廠去製造出不少類似的產品出來，就好比相似的汽車，火車，飛機等這些類似的產品，在流水線上製造出來，這樣能夠節省開發的時間，提升開發開發效率；

function createPerson(name,age,job){

var o = new Object();

o.name = name;

o.age = age;

o.job = job;

o.sayName = function(){

alert(this.name);

}

 

}

var person1 = createPerson('張三',28,'engineer');

var person2 = createPerson('李四',25,'engineer');

經過createPerson()函數，首先在函數內部定義一個對象，而後給這個對象定義一的屬性，經過參數形參傳遞到函數內部的對象上，給對象定義name，age，job等屬性，而後就能夠在使用這個工廠函數，傳入你想製造等人的名字，年齡，工做，就能夠製造出來多個不一樣的對象出來；

第二個是構造函數模式

function Person(name,age,job){

this.name = name;

this.age = age;

this.job = job;

this.sayName = function(){

alert(this.name)

}

}

 

 

var person1 = new Person('張三',29,'工程師');

var person2 ＝ new Person('李四',29,'設計師');

 

 

var person1 = new Person('張三',29,'工程師');

var person2 ＝ new Person('李四',29,'設計師');

 

 

第三個：原型模式

function Person(){

 

}

Person.prototype.name = 'Nicholas';

Person.prototype.age = 29;

Person.prototype.job = 'soft engineer';

Person.prototype.sayName = function(){

alert(this.name);

};

var person1 = new Person();

person1.sayName();

var  person2 = new Person();

person2.sayName();

alert(person1.sayName == person2.sayName));