【JavaScript】原型对象

原型prototype
我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象,这个对象就是我们所谓的原型对象。
如果函数作为普通函数调用prototype没有任何作用。
【JavaScript】原型对象

function Person(){

}
console.log(Person.prototype);

控制台显示object

当函数以构造函数调用时,他所创建的对象中都会有一个隐含属性,指向该构造函数的原型对象,我们可以通过__proto__来访问该属性。

function Person(){
}
var mc = new Person();
console.log(Person.prototype == mc.__proto__);

控制台显示为true。

原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象。
我们可以将对象*有的内容统一设置到原型对象中。
当我们访问对象的一个属性或方法时,他会在对象自身中寻找,如果有则直接使用,没有的话就会去原型对象中寻找。
a在原型对象中

function Person(){
}
Person.prototype.a = 123;//a在原型对象中
var mc = new Person();
console.log(mc.a);

控制台显示为123.
a在Person对象中。

function Person(){
}
mc=new Person();
mc.a=456//a在Person对象中
console.log(mc.a);

控制台显示为456.


function Person(){
}
Person.prototype.a = 123;
mc=new Person();
mc1=new Person();
mc.a=456
console.log(mc1.a);

结果为123,因为mc1中没有a,所以他去原型对象中寻找,找到123


function Person(){
}
Person.prototype.hello=function(){
	alert("hello");
}
var mc=new Person();
var mc1=new Person();
mc.hello();

mc中没有hello,但是原型对象中有,所以结果会弹出一个hello


以后创建构造函数时,可以将这些对象共有的属性和方法,统一添加到构造函数的原型对象中,这样不用分别为每一个对象添加,也不会影响到全局作用域,就可以使每个对象都具有这些属性和方法了。

原型对象也是对象,所以他也有原型。
当我们使用一个对象或方法时,会先在自身中寻找。自身中有,则直接使用,如果没有则去原型对象中寻找,如果没有,则去原型的原型中寻找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object中依然没有找到,则返回undefined

上一篇:组合数学相关


下一篇:P1487 失落的成绩单