javascript原型和原型链是js中的重点也是难点,理论上来说应该是属于面向对象编程的基础知识,那么我们今天为什么要来讲这个呢?(因为我也忘了,最近看资料才揭开面纱……  哈哈哈)

  

  好了,直接进入正文。在js的编程世界中,万物皆对象;不管你是数组还是函数还是对象,都是属于对象类型;那么这么多对象,如何进行管理呢?js中把对象分为实例对象、函数对象、原型对象三大类;

  实例对象:

    通过构造函数(所谓构造函数我们可以简单理解为进行new操作的函数就是构造函数)所创建的对象都是实例对象;

 

 

var people = new Student(); console.log(people)

 

 

 

  上面代码中的people就是一个实例对象,Student 就是一个构造函数;

  

  函数对象:

    函数对象我们可以简单的理解为函数,因为在js中函数本身就属于一个对象;而上述代码中的Student是一个构造函数,构造函数是一种特殊的函数,构造函数往往都是在实例对象创建后才进行调用,作用是对实例对象进行初始化的操作;构造函数和普通函数的区分仅仅只是功能山区分的一个称呼,体现在JS代码中的区别就是new和不new的区别;有new关键字就是新建一个构造函数,没有new关键字就是新建一个普通对象;

 

  原型对象:

    原型对象我们可以简单的理解为原型对象是实例对象和函数对象的父对象,俗称:爸爸,并且通过实例对象和函数对象都能找到原型对象;

  

  我们先来看看实例对象和函数对象的关系:

  

function people(name){      this.name=name;      console.log(this.name); }  var Student=new people("咸鱼");

 

  上面代码中我们可以看到people是构造函数,Student是实例对象,二者之间的关系体现在constructor属性中;

  

Student.constructor==people;//true

  我们的实例对象对象中是可以通过constructor属性来访问到构造函数的,那么反过来可以实现吗?

  答案是:不行!!!  但是我们可以变通一下通过instanceof方法来进行检查

  

Student instanceof people  //true

 

  通过这种方式,我们可以间接的检查一个对象是否是构造函数的实例对象

 

 

  new关键字做了什么?

    上面讲了构造函数和普通函数在JS中没有什么太大的区别,所以我们可以想到那么直接使用函数的话,this的指向肯定是浏览器全局对象window,那么我们new一下之后,this的指向将会改变为新的实例对象,并且还会将这个新的实例对象返回回来;

    所以我们可以总结new做了什么:

       1.新建了一个空的函数对象;

       2.改变this的指向,将this的指向改为接收新函数对象的实例对象

          3.返回这个新的实例对象

 

  

   大家来看一个小demo:

    

function people(name){      this.name=name;      this.say=function(){              console.log(this.name);      }  }  var Student=new people("咸鱼"); var man=new people("张三"