面向对象的程序设计
Posted Nextfuture
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了面向对象的程序设计相关的知识,希望对你有一定的参考价值。
工厂模式
function createPersonal(name,age,job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
}
return o;
}
var personal1 = createPerson("haha",23,"it");
var personal2 = createPerson("hahaha",23,"it");
构造函数模式
function Person (name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
}
}
var personal1 = new Person("haha",23,"it");
var personal2 = new Person("hahaha",23,"it");
原型模式
function Person(){
}
Person.prototype.name = "hhahha";
Person.prototype.age = 27;
Person.prototype.sayName = function(){
alert(this.name);
};
var person1 = new Person();
person1.sayName();// hhahha;
注:如果我们在实例中添加了一个属性,而该属性与实例原型中的属性同名,那么我们就在实例中创建给属性,该属性将会屏蔽原型中的那个属性;
person1.name = "hhhhh";
alert(person1.name);// "hhhhh"
注:首先收索的是实例,最后才是原型
组合使用构造函数模式和原型模式
function Person (name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.friends = ["a","b"];
}
Person.proyotype = {
constructor:Person,
sayName:function(){
alert(this.name);
}
}
var person1=new Person("hh",23,"bb");
var person2 = new Person("ss",25,"kk");
person1.friends.push("c");
console.log(person1.friends);//a,b,c
console.log(person2.friends);//a,b
注:构造函数模式用于定义实例属性,原型用于定义方法和共享的属性
这种方式目前使用最广泛的一种,认同度最高的
动态原型模式
function Person(ame,age,job){
//属性
this.name = name;
this.age = age;
this.job = job;
//方法
if(typeof this.sayName != "function"){
Person.prototype.sayaName = function(){
alert(this.name);
}
}
}
var friends = new Person("aa",26,"IT");
friends.sayName();
注:使用动态原型模式时,不能使用对象字面量重写原型,如果在创建了实例的情况下重写原型,那么就会切断现有原型与新原型之间的联系
寄生构造函数模式
function Person(name,age,job){
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
}
}
var friends = new Person("aa",27,"IT");
friends.sayName();
注:从表面上看是和工厂模式一样,只是最后实例化了一次,而工厂模式是没有在实例化
稳妥构造函数模式
//与寄生模式有两点不同:新创建对象的实例方法不引用this;二是不适用new 操作符调用构造函数
function Person(name,age,job){
//创建要返回的对象
var o = new Object();
// 可以在这里定义私有变量和函数
//添加方法
o.sayName = function(){
alert(name);
}
return o;
}
var friends = Person("aa",27,"IT");
friends.sayName();//aa
以上是关于面向对象的程序设计的主要内容,如果未能解决你的问题,请参考以下文章