首先要知道,prototype是函数独有的,看下图:
普通对象表示我没有prototype这个属性;而函数也是属于对象,自然就有普通对象的一般属性__proto__,
那__proto__和 prototype 的区别是什么呢?
__proto__就是原型对象,那原型对象也是一个对象,自然也有自己的__proto__,形成一种父子关系,这些__proto__组成了一个原型的大家庭——原型链,但如果一直都有__proto__,那这条链就无限长了,所以这条原型链有一个祖先,即null,那这条链有什么用呢?它的用处就是当你访问某个对象的某属性时,如果这个对象不存在这个属性,那就会去__proto__里面去找,如果找不到,则去__proto__的__proto__里面去找,最终会找到null那里,如果还是找不到,则返回undefind,怎么理解呢,看下图
随便创建一个对象,它都有自己的原型,我们访问一个该对象没有的属性,则出现undefine,这个应该都没什么疑问吧;如果我们在__proto__里面添加一个属性,并且直接打印它的这个属性:
可以看到直接通过对象就可以拿到原型里面的东西,并且在原型里面可以看到一些非常常见的方法,比如数组方法、对象方法、函数方法等等,这些方法都是通过__proto__来继承的。
prototype上文提到,它是函数独有的,并且是从一个函数指向一个对象,即函数的原型对象,看下图:
这里定义了一个构造函数(其实就是一个类),里面有属性和方法,当我们实例化的时候,是可以直接拿到他的属性和方法。在Person的函数原型对象上添加一个方法,继承后可以直接使用:
这个就相当于在lz的对象原型上添加了这个方法(lz.__proto__.fun2),所以这里可以总结出,Person.prototype === lz.__proto__
上文有说到prototype是函数原型对象,可能不是很容易理解,再细化一下:原型对象就是__proto__,函数则可以理解成函数实例化之后的那个实例,比如说上面例子的构造函数Person,它的实例化实例是lz;Person的函数原型对象,即Person.prototype;实例的原型对象,lz.__proto__。它们是同一个东西
注:原型上的方法如果被某个实例修改了,那这个实例之后再实例化的对象的方法的原型方法也会被修改,因为这些实例的原型是同一个原型
第一个打印为什么没有被修改,而第三个打印是被修改的呢?因为第一个打印是发生在修改之前,所以打印的肯定是未被修改的,而第三个打印却是被修改的,因为上文也说到:他们的原型是同一个,所以只要是原型的被修改之后,那自然打印的就是修改后的。举个生活小案例:我宿舍桌子上有半瓶可乐,我出门之前看了一眼,是半瓶,在我出去过程中,我舍友偷喝了一半,喝了之后他看到的是还剩下1/4,我回来之后,看到的可乐也是只有1/4。
constructor就是创造该对象的构造函数
每一个对象都可以找到constructor(通过继承或者在__proto__中),看下图
lz是构造函数Person的实例,所以lz的constructor是Person这个函数,而Person.prototype.constructor和lz.__proto__.constructor又是同一个东西,所以说所有的对象都可以通过__proto__找到它的构造函数。
一个类除了自身的方法和原型方法,还有静态方法:该方法是不被继承的:看下图:
fun3为Person的静态方法,如果要调用,则直接用Person.fun3()就可以了;lz是Person的一个实例,直接调用fun3,它肯定是undefined,如果不想通过Person.fun3来调用,则可以通过lz.__proto__.constructor.fun3(上文提到Person.prototype.constructor===lz.__proto__.constructor)
总结:
1.__proto__和constructor是一般对象的具有的属性,而prototype只有函数才有。
2.__proto__作为对象也有自己的__proto__,这些__proto__组成的复杂关系叫原型链,作用就是放在原型的东西可以直接取到。
3.构造函数的prototype === 实例化对象的__proto__。
4.constructor就是创造该对象的构造函数,构造函数的prototype.constructor和实例化对象的__proto__.constructor是同一个。