猿问

麻烦大佬帮忙解释一下__proto__ 和 prototype 的区别?

var arr = new Array();
console.log(arr.prototype); //undefined
console.log(arr.__proto__); //空数组
console.log(Array.prototype); //空数组
console.log(Array.__proto__); //function()

我知道在 new 的过程中,有三个步骤
(1) var arr = {};//初始化一个 arr 对象
(2) arr.__proto__ = Array.prototype;
(3) Array.call(arr); //回调函数构造 arr

然后在 ECMA 中可以查到 Array.prototype = new Object();
所以 arr.prototype undefined, arr.__proto__ == Array.prototype 我可以理解,但是为什么 Array.prototype 是一个空数组, Array.__proto__ 确是一个 function() 呢?
在 ECMA 中查到,Array 的构造函数是 function Array(){} ,是不是跟这个有关呢?

慕无忌1623718
浏览 149回答 1
1回答

BIG阳

每个函数就是一个对象(Function),函数对象都有一个子对象 prototype对象,类是以函数的形式来定义的。prototype表示该函数的原型,也表示一个类的成员的集合。也就是说prototype 是原型,是Function对象才有的属性,原型主要是用来实现继承,从而用js 进行面向对象编程如 Foo 是一个Function对象,是有prototype属性的 ,它指向一个Boo 的实例对象而p 是一个 Foo 的实例对象,不是一个Function 对象,没有prototype 属性,但是p有一个私有属性__proto__ 这个属性,一般不直接访问的,事实上这个属性就是 Foo.prototype在chrome控制台中测试console.log(p.__proto__ == Foo.prototype)VM952:2 trueconsole.log(p.__proto__ === Foo.prototype)VM956:2 true上述测试都输出true,说明他们确实是同一个东西js的继承是通过原型继承的,有个原型链的概念,而原型链就是通过__proto__属性实现的function Boo() {this.x="test in Boo";}function Foo() {this.y = "test in Foo"}Foo.prototype = new Boo;p=new Foo;console.log(p.y);//test in Fooconsole.log(p.x);//test in BooFoo 中并没有属性x,当p找不到属性x时,就到p.__proto__属性(指向原型)中找,原型中是有x属性的,于是输出x的值如果不考虑内部实现,就好像属性x是从Boo中继承的一样console.log(p.__proto__);   输出 Boo{}表示一个空的Boo对象(通过 new Boo 创建的 )p.__proto__.p.__proto__这个会报错,因为p.__proto__中没有名为p的属性function Foo() {}p=new Foo;console.log(p.__proto__);因为没有改变Foo.prototype 的属性,所以仍然指向它自己(Foo)而 p.__proto__ 就是 Foo.prototype 所有输出Foo{} 表示一个空的Foo对象。 
随时随地看视频慕课网APP

相关分类

Java
Python
我要回答