关于javascript中的prototype

       作为一个致力于前端开发的人员，能够熟练掌握javascript的原理和机制是每个小白的必经之路，这也是最痛苦的。有人说前端功力好不好最主要的就是看对js的掌握能力，有人说十年也啃不完一门javascript。而我们能够知道的是：javascript是每个前端学习的核心技能（想想之后的node.js、vue.js，颤抖吧！！！）

本期主要介绍一下js当中的prototype原型（emmm,不知道你们觉得难不难，反正我当时看了许多博客都一知半解，也许现在也是，所以不足之处，请留言指教。。）

 

    先了解一下prototype是什么

function person() {//首先随便定义一个函数
            
        }

     在控制台看看这个函数的prototype有什么

 

         我们发现里面有两个东西：constructor 和 __protot__，并且constructor指向person这个函数，而__prototype__展开后有许多方法，并且也存在一个constructor

         (这里的展开我就不贴图了，大家要自己动手才能对知识有更深刻的体会，千万不要做伸手党，只会坑自己的，这点我是深有体会)

        这时候我们会发现，每个函数都有一个prototype属性，prototype包含函数实例共享的方法和属性。（有没有发现这和构造函数有点像呢）

        接下来我们继续，通过person函数创建两个实例对象

function person() { 

        }

        person.prototype.name = "person"//在person的原型上添加一个name属性
        var person1 = new person()
        var person2 = new person()

 

　　

　　

           我们发现两个实例化对象中都继承到了name这个属性，所以说当通过new来生成一个类的对象时，prototype对象的属性就会成为实例化对象的属性。

           现在我们大概知道了，在js中,你创建的每一个函数中都会产生一个prototype,这个函数以及它的实例化对象都可以用到prototype中的共享方法。我们也发现除了js本身给出的prototype的方法外，我们也可以在prototype中添加自定义方法。

 我们再看一个很有意思的东西

    

             看看我们发现了什么新大陆哈哈哈，原来我们之前用的数组方法都是从array原型中来的,正因为js将这些方法写在array.prototype中,所以我们才能在定义的数组中使用它。你不相信？？

      那你可以自己动手试试。

array.prototype.hahaha ="balabal"   //在array.prototype中添加一个新属性hahaha
        var arr = [];
        var arr1 = new array;
   //在控制台中输入arr.hahaha 或 arr1.hahaha ,你看看结果是不是“balabal” 

 

　　     现在知道为什么说prototype是js中的一个重要机制了吧

 

 

  之前我说自己觉得原型很难，就是因为对prototype和__proto__混淆不清

        看图我们可以发现，在person prototype中存在constructor并且指向其构造函数，而person1 和person2的__proto__都指向其实例化的构造函数person的原型

   用等式可以如此表示

        person.prototype == person1.__proto__

        person.prototype.constructor ==  person

 

function person(){
         this.name ="person"
        }    
       var person1 = new person;
       console.log(person1.name)
       person1.name="person1"
       console.log(person1.name)
     // person   person1

 

　　在js查找对象内的属性时，都会遵从一个方法。比如查找person1.name的值，首先会在person1函数内查找，如果有则输出，没有就往上在person1的原型上查找（这就是原型链查找），没有则继续往上，直到达到原型链的顶端object.prototype

       关于原型差不多就是这些，以后有新的看法也会继续更新的，如果以上哪里有不对的地方，请务必要告诉我，谢谢！