参考资料
汤姆大叔的javascript核心
知乎问答
定义
-
__proto__(隐式原型)
任何对象都一个内置属性[[prototype]],浏览器支持通过__proto__来访问,简写为__proto__。
ES5 中新增了Object.getProtootypeOf访问。
__proto__可用来构成原型链,实现原型链的继承。
-
prototype(显式原型)
每个函数创建后都会拥有一个prototype的属性,这个属性指向函数的原型对象。
对于引用类型来说,prototype是保存它们所有实例方法的真正所在 例如 toString()等都在prototype名下。
prototype可用来实现基于原型的继承和属性的共享。
-
关系
隐式类型指向创建这个对象的函数的显式原型。
即所有对象的__proto__都指向其构造器的prototype。
__proto__指向举例
中心只有一条 'to the value of its constructor’s "prototype"
__proto__是每个对象皆有的。
创建对象有两种方法。
1 通过new方法
2 通过对象字面量
其实都依据与那句话:__proto__都指向其构造器的prototype。
所有函数的__proto__ === Function.prototype 均返回,包括Function和Object,及可以理解为根构造器是Function,所以所有函数都具备(函数也是对象嘛)。
而由构造器构造出来的函数,指向它的构造器。
A:构造器创建出来的函数
1 person1 由Person构造函数new而得出 person1.__proto__ === Person.prototype 因为 to the value of its constructor’s "prototype
2 Person.__proto__ === Function.protype 所有构造器的构造函数是Function
B 内置构造器也是一样的
1 var num1 = new Number(); num1.__proto__ === Number.prototype 因为num是由Number构造出来的,指向其构造器Number的显式原型。
2 Number.__proto__ === Function.prototype 同上,构造器是由Function构造出来的
C 对象也可以这么理解
1 var person2 = new Object(); person2.__proto__ === Object.prototype 因为person是由构造器Object构建的
2 Object.__proto__ === Function.prototype 同上,Object也是一个构造函数。
D 普通函数其实也可以这样理解
1 function foo(){} 可以看出Function的一个实例 foo.__proto__ === Function.prototype;
E 所以Function是个什么鬼
1 Function.__proto__=== Function.prototype;
2 所以是有自己构造出自己?略666,不管怎样,所有函数都指向Function.prototype,以此,继承了Function的各种属性和方法。
F 最后 所有的 *.prototype 说到底 还是对象 所以 Function.prototype.__proto__ === Object.prototype.
H 小彩蛋
1 instanceof 实现的机理主要是看 左边的值是不是是右边的值的实例,也就是说 左边的__proto__最终能不能指向右边值的prototype。
personFuc instanceof Function //true
personFuc instanceof Object //true
Number instanceof Function //true
Number instanceof Object //true
Function instanceof Function //true
Function instanceof Object //true
Object instanceof Function //true
Object instanceof Object //true
所以有句经典的话,是一切皆是对象,但好像也可以说一切皆是函数,Object是由一个函数构造器Function所建,但Function却也是一个Object,先有鸡还是先有蛋吧(个人理解)。
总之 __proto__都指向其构造器的prototype