前端开发模式

Posted 2020-09-11

现在很多前端开发的小伙伴对前端开发模式不是很了解，现在我写一些自己的学习心得和大家共享，希望有所收获！

首先第一个开发模式：工厂模式：

工厂模式顾名思义即是通过一个工厂去制造出很多相似的产品出来，就比如类似的汽车，火车，飞机等这些相似的产品，在流水线上制造出来，这样可以节省开发的时间，提高开发开发效率；

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));