前端原型相关知识点

一. 概念

     JavaScript中一个函数有一个属性prototype，这个属性指向一个对象，这个对象就是原型对象，并且这个对象的构造函数指向了这个函数，通常这个函数如果作为构造函数创建一个对象的话，这个对象里面有一个隐式的属性，也指向这个函数的原型。

二. 原型链

     对象a的__proto__指向构造函数A的prototype对象，A.prototype 对象__proto__指向Object.prototype原型对象，Object.prototype原型对象__proto__指向null，这样对象之间通过原型而链接起来的一个关系就叫做原型链，而这个原型链的最顶端是 Object.prototype

三. new 关键字执行时，做了什么

     1）创建一个新对象，2）将这个对象的__proto__指向构造函数的prototype 对象  3）并调用构造函数，将此时函数调用的this 指向这个新对象  4）如果该构造函数没有显式返回对象，则返回这个新对象

四. 应用

        1. 节省内存（属性方法共享）

             例如：Vue.prototype.$aaa = {}

        2. 继承

             1）原型继承，即 new ，对象就可以继承来自原型的一些方法属性

             2）组合继承，

                  Father（）{}，Father.prototype.funA = function(){}

                  Sun () {

                        Father.apply(this, args)

                  }

                  Sun.prototype = Object.create(Father.prototype)

        3. 属性查找

            例如：先从自身寻找属性，如果没有沿着原型链往上找，直到找到为止

             所以如果确定是要找自身的属性，为了提高性能，可以考虑通过hasOwnProperty判断一下