理解原型和原型链

无论何时，js原型是前端没法绕过去的问题，因此今天抽空总结一下，方便后续学习。

初步会总结如下文章

• 什么是原型、和原型链
• js继承的方式
• es5如何实现class

第一篇：什么是原型和原型链

为何要讨论原型和原型链？

Javascript的数据类型分为基本数据类型（String、Number、Boolean 、Undefined、Null、Symbol）和引用数据类型，除了基本数据类型外，剩下的都是对象，可是因为js中没有类(class 在ES6中引入了class,其实知识语法糖，本质仍是没变)，如何将这些对象联系起来，如何共享这些对象中的方法和属性，因而就有了原型和原型链的概念。（其实就是怎么能解决继承的问题）

原型：

英文单词 prototype； 发音：['proʊtə.taɪp],是每一个函数中的一个私有属性，这个属性是个指针，指向了它的原型对象 prototype object;

函数a，经过打印a.prototype ,能够打印出它的原型对象，可是经过构造函数B实例化出来的实例对象b，打印prototype属性时候确是undefined

因此说只有函数才有prototype这个属性，经过这个属性才能访问到它的原型对象；

原型对象：

prototype object，每个对象都有一个原型对象

原型链：

每一个实例对象都有一个私有属性__proto__指向它的构造函数的原型对象(prototype object)。该原型对象内部也有一个私有属性__proto__指向它的原型对象，这样层层向上直到一个对象的原型对象为null。null没有原型对象，并做为这个原型链中的最后一个环节。

构造函数，实例对象，原型对象三者的关系图：

如何理解上面的图片

• 构造函数：首先明确它是一个对象，同时它也能够是一个普通函数，在它的内部有一个私有属性prototype，是一个指针，指向了它的原型对象。
• 经过new 实例化出来的实例对象内部有一个私有属性__proto__ ,指向了它的原型对象；
• 在原型对象中有一个constructor属性，又指️向了构造函数；

这样就将它们联系起来了；

html:
function P(name,age){
        this.name = name;
        this.age = age;
    }
    const p = new P('Nichlas',18);
    console.log(p.__proto__);
复制代码

html:
  const n = new Number(1);
  console.log(n);
  console.log(n.__proto__);
复制代码