JavaScript 中,当创建一个函数的时候,这个函数就会自动创建一个 prototype
属性,该属性指向的就是原型对象。
// 构造函数
function Me() {
this.uName = "shuang";
this.sayName = function () {
console.log(this.uName);
};
}
let m1 = new Me(); // 创建实例
console.log(m1.uName) // shuang;
m1.sayName(); // shuang
Me.prototype.sex = "男";
Me.prototype.saySex = function () {
console.log(this.sex);
}
console.log(m1.sex); // 男
m1.saySex(); // 男
通过上面的案例可以很清楚的认识到,可以通过 prototype
指向的原型对象中添加新的属性和方法,并且可以通过实例进行访问。
何为原型链?
在JavaScript中万物都是对象,对象和对象之间也有关系,并不是孤立存在的。对象之间的继承关系,在JavaScript中是通过prototype对象指向父类对象,直到指向Object对象为止(person → Person → Object),这样就形成了一个原型指向的链条,专业术语称之为原型链
当我们访问对象的一个属性或方法时,它会先在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到则直接使用。如果没有则去原型的原型中寻找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object原型中依然没有找到,则返回undefined。注意:Object对象是老祖宗,没人比他更大了,所以Object的_proto_为空, 即原型链的尽头一般来说都是 Object.prototype
原型链图
原型就是 prototype
, 是每个函数都具有的属性
原型链就是 __proto__
, 是每个对象都具有的属性
原型链指向
p.__proto__ // Person.prototype
Person.prototype.__proto__ // Object.prototype
p.__proto__.__proto__ //Object.prototype
p.__proto__.constructor.prototype.__proto__ // Object.prototype
Person.prototype.constructor.prototype.__proto__ // Object.prototype
p1.__proto__.constructor // Person
Person.prototype.constructor // Person
console.log(person.__proto__ === Person.prototype)//true
console.log(Person.prototype.constructor===Person)//true
console.log(Object.prototype.__proto__ === null) // true
//顺便学习一个ES5的方法,可以获得对象的原型
console.log(Object.getPrototypeOf(person) === Person.prototype) // true