js理解原型
在js中创建的每个函数都有一个(prototype)原型属性,这个属性是一个对象。按字面意思,prototype是通过调用构造方法而创建的那个对象的原型对象。
原型模式
function Person(){
}
Person.prototype.name='mike';
Person.prototype.age=21;
Person.prototype.sayname=function(){
alert(this.name);
};
let person1=new Person();
person1.sayname();//mike
创建新函数->自动为该函数创建一个prototype属性->自动获得constructor(构造函数)属性,这个属性包含一个指向prototype所在函数的指针
Person.prototype.constructor指向Person
调用构造函数创建新实例后,实例的内部包含一个内部属性,指向构造函数的原型属性之间(在很多实现中,这个内部属性的名字是_proto_)该连接存在于实例与构造函数的原型之间,而不是实例与构造函数之间。
isPrototypeOf()
如果对象的_proto_指向调用isPrototypeOf()方法的对象,则返回true
alert(Person.prototype.isPrototypeOf(person1));//true
~当为对象实例添加一个属性时,这个属性会屏蔽原型对象中保存的同名属性(delete操作符可以完全删除实例属性)
hasOwnProperty() in
检测属性是存在于实例中还是原型中
alert(person1.hasOwnProtperty('name'));//false,name是原型属性
function hasPrototypeProperty(object,name){
return !object.hasOwnProperty(name)&&(name in object)//in 只要通过对象能访问到属性就返回true
}//这个函数可以确定该属性存在于对象中还是存在于原型中
在上面的原型模式中,每添加一个属性和方法就得敲一遍Person.prototype.于是有下面这种
function Person(){
}
Person.prototype={
name:“mike”,
age:21,
sayname:function(){
alert(this.name);
}
};
这种语法本质上重写了默认的prototype对象,因此constructor属性变成了新对象的constructor属性(指向Object构造函数),不再指向Person函数
原型的动态性
function Person(){
}
let person1=new Person();
Person.prototype.sayname=function(){
name:“mike”,
age:21,
alert(this.name);
};
person1.sayname();//mike
即使person1实例是在添加新方法之前创建的,但依然可以访问
但是如果重写了原型对象,就不可以了
function Person(){
}
let person1=new Person();
Person.prototype={
name:“mike”,
age:21,
sayname:function(){
alert(this.name);
}
};
person1.sayname();/error
重写原型对象会切断现有原型与任何之前存在的对象实例之间的联系,它们引用的仍然是最初的原型