JavaScript原型对象的理解与使用

JavaScript原型对象

在学习Js中最头疼的莫过于JavaScript原型对象的理解与使用，稍微不注意就会搞混，今天特地抽出事件来梳理下，Js中对象，构造函数，原型对象的联系与区别

初步理解

首先在这里贴上一副图片，用户清楚的展示对象，构造函数与原型对象的联系

详细说明

1、对象： 在此图中，f1，f2是用构造函数Foo()创建出来的对象，JS规定，是对象就会有一个__proto__的属性，指向改对象的原型的对象。
2、构造函数： 在此图中Function Foo()是用于创建f1，f2的构造函数。是构造函数，则就会有prototype属性，用于指向由该构造函数所创建的对象的原型对象（这句话有点绕人，可以尝试多理解下）。Foo.prototype也是指向f1的原型的对象。所以，可以得到以下结论 f1.proto = Foo.prototype
3、原型对象： JS是一个面向对象的语言，和其他面向对象语言不同的是，他是没有类这个概念的，所以JS是通过原型对象实现继承，通过obj.proto.proto…最终指向Object.prototype这个顶级原型对象来实现继承。Function有prototype属性指向原型对象，原型对象同时又constructor属性指向构造函数。
4、函数： 在第二点我们说到，构造函数有prototype属性，其实JS中每一个函数都有prototype属性，只不过不是构造函数，prototype属性是没有意义的。JS中万物皆对象，构造函数其实也是对象，是对象就会有__proto__属性，用于指向该对象的原型对象。在这张图中以函数Object()为例，Object.prototype是o1,o2的原型对象，Object.__proto__是Function.prototype

• 注：限于编者水平，文中有错误纰漏之处，欢迎批评指正