JavaScript学习——原型对象

原型对象（prototype）

我们所创建的每一个函数，解析器都会向函数中添加一个属性：prototype，这个属性指向一个对象，就是原型对象。

图1

• 当函数作为普通函数被调用时，prototype没有任何作用
• 当函数以构造函数的形式被调用时，它所创建的对象中都会有一个隐含的属性__proto__，这个属性指向该构造函数的原型对象。
  

图2

原型对象就相当于一个公共的区域，同一个类的所有实例都可以访问到原型对象。所以我们可以将对象共有的内容，设置到原型对象中。

在访问一个对象的属性或方法时，它会先在对象自身中找，如果有直接使用，如果没有就回去原型对象中找。

代码示例

//创建一个构造函数
function Person(name,age){
    this.name = name;
    this.age = age
}
//创建两个实例对象
var per1 = new Person("tom",18);
var per2 = new Person("tony",28);


//查看Person的原型对象
document.write(Person.prototype);  //[object Object]

//给Person的原型对象中添加一个属性
Person.prototype.shcool = "B站大学";
//实例对象访问原型中的属性
document.write(per1.shcool + "<br>");  //B站大学
document.write(per2.shcool); //B站大学

//给Person的原型对象中添加一个方法
Person.prototype.sayHello = function(){
	document.write("我是" + this.name + "，我" + this.age + "岁了。" + "<br>" )
}
//实例对象调用原型中的方法
per1.sayHello();  //我是tom，我18岁了。
per2.sayHello();  //我是tony，我28岁了。

注意：

• 原型对象也是对象，所以原型对象也有自己的原型，这就是原型链

当我们访问对象的属性或方法时，
	先在自身对象中寻找，有则直接使用，没有则在原型对象里找
	如果原型对象中有，直接只用，没有则在原型的原型中找
	直到找到Object的原型对象为止
	Object的原型没有原型，如果在Object的原型中依然没有找到，则返回undefined

• 使用in运算符检查对象的属性或方法时，如果自身中没有，原型中有，也会返回true
• 可以用 hasOwnProperty() 检查对象本身有没有指定的属性