首页 > 代码库 > 前端开发模式
前端开发模式
现在很多前端开发的小伙伴对前端开发模式不是很了解,现在我写一些自己的学习心得和大家共享,希望有所收获!
首先第一个开发模式:工厂模式:
工厂模式顾名思义即是通过一个工厂去制造出很多相似的产品出来,就比如类似的汽车,火车,飞机等这些相似的产品,在流水线上制造出来,这样可以节省开发的时间,提高开发开发效率;
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));
前端开发模式