原型链和构造函数
js每一个对象都会指向一个原型对象,并能从原型对象中继承属性。每个对象都能通过 proto 属性访问到本身原型对象。创建对象的方式不同,对象的原型也会不同。对象的原型层层指向就能构成原型链。
原型和原型链
js中最基本的对象是 Object.prototype 。js中所有的对象的原型链最后都会指向 Object.prototype 这个对象。对象字面量创建的对象的原型会直接指向 Object.prototype 。js中函数也是对象,函数的原型则不是直接指向 Object.prototype 而是直接指向 Function.prototype,Function.prototype 的原型再指向 Object.prototype(这就是一个原型链)。Number、Array这些类型也是先指向相应的原型,这个原型再指向js的标准对象(Object.prototype)。
var obj ={ //对象字面量创建的对象
x:1
}
console.log(obj.__proto__ === Object.prototype); //true
//普通对象原型(obj.__proto__)直接指向Object.prototype
function con(){ //函数也是对象
}
console.log(con.__proto__ === Function.prototype); //true
//任意函数原型(con.__proto__)指向Function.prototype
console.log(Function.prototype.__proto__ === Object.prototype); //true
//函数原型的原型(Function.prototype.__proto__)指向Object.prototype
//所以有下面结论
console.log(con.__proto__.__proto__ === obj.__proto__);//true
//对象实例和函数的原型都指向最终的js标准对象Object.prototype
// 原型对象:构造函数的一个属性,prototype
// 任何一个构造函数都有这个属性
// Person.prototype:指向了一个对象,我们把这个对象成为原型,原型对象
// 作用:共享方法(属性),节省内存
function Person(uname, age) {
this.uname = uname;
this.age = age;
}
Person.prototype.eat = function () {
console.log('吃饭');
}
console.log(Person.prototype);
let o1 = new Person('张苞', 18);
let o2 = new Person('关兴', 17);
console.log(o1, o2);
console.log(o1.eat === o2.eat);