javaScript原型对象及原型链，看完不懂来打我

javaScript中的原型对象

原型对象的概述

• 要想了解原型对象是什么，我们就得要知道原型对象是干什么的，它又有什么作用。网上看了许多文章和视频本人个人理解如下
• 要想了解原型对象是什么，我们就得要知道原型对象是干什么的，它又有什么作用。网上看了许多文章和视频本人个人理解如下
• 什么是原型对象：每个函数在创建之初都会有一个属性prototype，这个属性的值是个对象，而这个对象就叫原型对象

看如下代码示例

/*首先创建一个父类Father的构造函数，注意构造函数本身也是一个函数，
    里面必定会有prototype这个属性*/
    function Father(name,age) {
      this.name = name,
      this.age = age
    }
    console.log(Father.prototype); //直接输出函数的prototype属性

输出结果

这里可以证明每个函数确实是有一个prototype原型对象，里面还包含了一个constructor属性，如上图所示这个属性是用于指向构造函数的本身

• 每个通过构造函数实例化的对象都会隐藏着一个__proto__ 属性，这个属性指向构造函数的prototype这个原型对象（每个对象都会隐藏着一个__proto__ 属性）

看如下代码示例

/*首先创建一个父类Father的构造函数，注意构造函数本身也是一个函数，
    里面必定会有prototype这个属性*/
    function Father(name,age) {
      this.name = name,
      this.age = age
    }
    //创建一个子类的实例对象
    const son = new Father('张三',45)
    //实例化对象的 __proto__ 属性会指向构造函数的 prototype 这个原型对象
    const res = son.__proto__ === Father.prototype
    console.log(res);  //这里返回的是true

• 既然prototype个对象，必然也会有 __proto__这个属性，那这个属性会指向谁呢？我们直接输出一下这个Father.prototype原型对象下的__proto__属性看看

/*首先创建一个父类Father的构造函数，注意构造函数本身也是一个函数，
    里面必定会有prototype这个属性*/
    function Father(name,age) {
      this.name = name,
      this.age = age
    }
    //创建一个子类的实例对象
    const son = new Father('张三',45)
    //实例化对象的 __proto__ 属性会指向构造函数的 prototype 这个原型对象
    const res = son.__proto__ === Father.prototype
    console.log(res);  //这里返回的是true
    console.log(Father.prototype.__proto__); //直接输出Father.prototype原型对象下的__proto__属性

输出结果

• 看到这里我们可以惊奇的发现 Father.prototype.__proto __竟然指向的是Object ( ) 这个构造函数的原型对象，而这个Object ( )的原型对象指向的是一个null
  我们可以借助这个图看一下这个过程
  
• 从上图可以看出当我在son实例对象查找某个属性或方法的时候，如果当前对象上没有该属性或方法时，就会沿着__proto__这个属性一直往上查找，而这条由__proto__连成的线我们就叫做原型链
• 如果看到这里还不明白的话就请私聊一下‘地址’。