您好,欢迎访问一九零五行业门户网

javascript学习笔记(九) js对象 设计模式_基础知识

1.创建对象
复制代码 代码如下:
var person = new object();
person.name = ruiliang;
person.age = 30;
person.job = teacher;
person.sayname = function () {
alert(this.name);
};
person.sayname();
2.工厂模式
缺点:不能识别对象
复制代码 代码如下:
function createperson(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 person1 = createperson(阿亮,30,教师);
var person2 = createperson(俊俊,24,待业);
person1.sayname(); //阿亮
person2.sayname(); //“俊俊”
3.构造函数模式
缺点:缺少封装性
复制代码 代码如下:
function person(name,age,job) {
this.name = name;
this.age = age;
this.job = job;
this.sayname = sayname;
}
function sayname() {
alert(this.name);
}
var person1 = new person(阿亮,30,教师);
var person2 = new person(俊俊,24,待业);
person1.sayname();
person2.sayname();
4.原型模式
缺点:所有属性被实例共享
复制代码 代码如下:
function person() {
}
person.prototype.name = aliang;
person.prototype.age = 30;
person.prototype.job = teacher;
person.sayname = function () {
alert(this.name);
}
hasownproperty()方法检测某一属性是不是实例属性,如果是返回 true
person1.hasownproperty(name); //name是不是person1的属性
in 操作符:通过对象访问的属性是否存在,若存在返回 true,不管属性存在实例中还是原型中
alert(name in person1); //name属性若存在返回 true
确定属性在原型中还是对象中的方法:
复制代码 代码如下:
function hasprototypeproperty(object,name) {
return !object.hasownproperty(name) && (name in object);
}
//用法
var person = new person();
alert(hasprototypeproperty(person,name)); //true
person.name = grey; //改变原型中name的值
alert(hasprototypeproperty(person,name)); //false
isprototypeof()方法是用来判断指定对象object1是否存在于另一个对象object2的原型链中,是则返回true,否则返回false。
格式如下:
object1.isprototypeof(object2);
object1是一个对象的实例;
object2是另一个将要检查其原型链的对象。
原型链可以用来在同一个对象类型的不同实例之间共享功能。
如果 object2 的原型链中包含object1,那么 isprototypeof 方法返回 true。
如果 object2 不是一个对象或者 object1 没有出现在 object2 中的原型链中,isprototypeof 方法将返回 false。
复制代码 代码如下:
//字面量重写原型对象
function person(){
}
person.prototype = {
constructor : person,
name : aliang,
age : 30,
job : teacher,
sayname : function() {
alert(this.name);
}
};
5.构造函数和原型混合模式
具有构造函数模式和原型模式的优点,属性用构造函数模式,方法用原型模式 //这种模式使用最广泛
复制代码 代码如下:
function person(name,age,job) {
this.name = name;
this.age = age;
this.job = job;
this.friends = [xuyun,wuxueming];
}
person.prototype = {
constructor : person,
sayname : function() {
alert(this.name);
}
};
var person1 = new person(aliang,30,teacher);
var person2 = new person(zunan,26,teacher);
person1.friends.push(junjun);
alert(person1.friends); //xuyun,wuxueming,junjun
alert(person2.friends); //xuyun,wuxueming
6.动态原型模式
复制代码 代码如下:
function person(name,age,job) {
this.name = name;
this.age = age;
this.job = job;
if (typeof this.sayname != function){ //这里的sayname可以是任何初始化后存在的方法或属性
person.prototype.sayname = function() { //不能用字面量形式
alert(this.name);
};
}
7.寄生构造函数模式
8.稳妥构造函数模式
其它类似信息

推荐信息