javascript原型以及原型链

什么是原型

函数有原型，原型存放一些公共属性和方法，函数的本质也是一个对象，在函数对象内部有一个prototype指针指向原型,并且构造函数创建的实例对象中__proto__也指向这个原型对象， 原型对象中有constructor指向函数本身；

为什么要有原型

首先看一段代码

// 一个构造函数
var foo =function(name,age) {
  this.name=name;
  this.age=age;
  sayName:function(){
  console.log(this.name);
  };
    sayAge:function(){
  console.log(this.age);
  }
};
//创建一个对象
var f1=new foo('小明',18);
f1.sayAge();
//这个实例对象会执行这个方法

这样看并没有什么不同 原型也并不会发挥作用

// 创建多个对象
var f2=new foo('小红',18);
var f3=new foo('小绿',18);
var f4=new foo('小蓝',18);
var f5=new foo('小白',18);
//这些实例化对象都可以使用构造函数中的方法

每实例化一个对象,构造函数都会构造一次内部的方法,会造成很多的资源浪费
但是如果有了原型,将都会用到的方法和属性放在原型对象中,只需要在构造实例对象之后只需要赋值就可以,在实例对象中有指向原型的__proto__指针,这样节省很多空间.

// 将方法写在构造函数的原型中
var foo.prototype={
  sayName:function(){
  console.log(this.name);
  };
    sayAge:function(){
  console.log(this.age);
  }
};

什么是原型链呢

首先我们需要知道 当对象要使用方法,但是没有在指向的原型对象中找到, 因为原型也是个对象,也会有__proto__指针指向自己的原型, 就会在原型的原型中去找直到Object的prototype中,找不到为止.

如上图就是前面构造实例的存储结构
原型链也涉及到了继承
继承无非就是使用子类使用父类的方法和属性
如果子类的原型指向父类的实例对象就构成的继承的情况

这样就构成了一个原型链,原理并不复杂,就像顺藤摸瓜一样.