写给小白的js高级原型链 - HelloWorld开发者社区

前言

广告：最近github上新开了一个仓库[May-Nodes](https://github.com/maycope/Ma...，包括但不限于之前面试遇到的相关数据库,计算机操作系统,Java基础知识，计算机网络以及LeetCode等算法题解等知识。届时也会整理学习使用的PDF文档与资源。有需要的小伙伴可以点个关注和`star`。在持续更新中，总会遇到你想要的。

本篇文章是最近应公司要求学习ES6的记录性博客，博客原型来源于B站视频源地址，主要学习和记录的是原型链部分内容，感觉老师讲的很好，所以想着以自己的理解进行一个深入的记录处理，也希望能够尽量详细的讲解清楚其中的内容，帮助大家理解这部分的知识，个人感觉这部分的内容还是蛮套娃的，所以想要完完全全明白，建议看源视频，本篇博客作为收藏，忘记时候观看。

正文

前景提要

首先在讲解本部分内容之前，先设想一个场景，有以下代码：

我们在进行打印的时候，打印出来了false，因为我们在进行构造函数实例化的时候，是会创建出来两个对象，同时对于这两个对象存放在内存中的位置也不一样，这点类似于java的面试题目== 和 equals的区别：其实对于 Object类的equals方法来说，看过源码的都知道，底层使用到的还是 == 来判断是否相等，但是不幸的是，很多继承Object的类都会对基础的方法进行重新，最后导致的结果在很多的时候，== 判断的是地址值是否是相同的，但是equals来说，判断的是值是否相同。

   function Person (name,age){
            this.name=name;
            this.age=age;
            this.doSomething = function(){
                console.log("I can do something")
            }
        }
        var man = new Person('Tom',22);
        var woman = new Person('Amy',21);
        console.log(man.doSomething === woman.doSomething);
        // 打印false

所以在上面的代码中，我们有一个方法，然后被实例化两次，被分配了两个不同的内存空间，这个时候使用到 == 来判断时候就会导致不一样的情况，但是我们想一下，对于一个方法，在实例化一次就需要分配给他一定的空间，这样下去空间的利用率就会很低，所以我们希望的是所有的对象使用到同一个函数，这样也会比较节约内存。

构造函数原型 prototype（原型）

对于构造函数来说，通过原型分配的函数是所有对象所共享的

什么是prototype：对于js来说，规定了每一个构造函数都有一个prototype属性，指向了另外一个对象。

但是注意的是，这个prototype其实也是一个对象，同时这个对象所具有的所有属性和方法都会被构造函数所拥有。对于prototype来说翻译过来就是原型，同时是一个对象，所以理解为对于任意的构造函数，都有其自己的原型对象。

有什么用：这里我们知道了对于每一个构造函数都会有其的原型对象，所以就可以将那些不变的方法，直接定义在prototype对象上，这个时候，所有的实例对象也都可以共享这些属性和方法：

写给小白的js高级原型链

下面我们就可以进行进行代码的修改：

   function Person (name,age){
            this.name=name;
            this.age=age;   
        }
        Person.prototype.doSomething = function(){
                console.log("I can do something")
            }
        var man = new Person('Tom',22);
        var woman = new Person('Amy',21);
        console.log(man.doSomething=== woman.doSomething);
        // 打印true

什么是原型：

就是一个对象，但是是每一个构造函数都会拥有的对象，我们也称为原型对象。

原型的主要作用

对于方法的共享，我们可以将方法定义在原型上面，所有的实例都能够使用到这个方法，并且不需要再开辟新的空间。

对象原型

这里，我们是把方法定义在了构造函数的原型对象上面，为什么实例化之后，我们的man这个对象就能够使用呢？

是因为在我们的对象的身上也有一个对象原型，叫做 _proto _前后都有两个下划线_对于这个东西来说是一个属性，但是有指向的值：指向了构造函数的prototype原型对象，之所以说我们能够使用到构造函数上的方法，就是因为有对象proto原型的存在。我们来打印以下我们的man对象看看是什么情况：

写给小白的js高级原型链