原型链:js在创建对象的时候,都有一个_proto_的内置属性,用于指向创建它的函数(相当于constructor)的原型对象prototype
简单点:person 表示对象实例 Person表示类
person → Person → Object
-
原型和原型链的理解主要针对的是在ES6之前,没有自定义类,利用普通function当做构造函数。区别于ES6中class里的contructor
-
对象的一个属性或方法时,会先在对象自身中找,有则直接使用,没有则会去该对象原型中找,直到找到Object对象的原型,Object对象的原型没有原型,如果在Object原型中依然没有找到,则返回undefined。
-
Object.hasOwnProperty()来检查对象自身中是否含有该属性(不去原型中找)
-
in检查对象中是否含有某个属性时,如果对象中没有但是原型中有,也会返回true
__proto__和prototype区别
- 函数才有prototype,函数也是对象所以也有__proto__。
- 每个实例对象都有__proto__
- Object是JS中所有对象数据类型的基类(最顶层的类)在Object.prototype上没有__proto__这个属性。
- 每个构造函数(Person)有原型Person.prototype。 而Person.prototype的构造函数,又是指向Person本身。
console.log(person.__proto__ === Person.prototype) //true
console.log(Person.prototype.constructor===Person) //true
console.log(Object.getPrototypeOf(person) === Person.prototype) // true
三种常见创造对象的方式
- 字面量
var a = {}
a.__proto__ = Object.prototype;
- 构造器new
var A = function(){ }
var a = new A();
a.__proto__ = A.prototype;
- Object.create
var a1 = {}
var a2 = Object.create(a1);
a2.__proto__ = a1;