[Effective JavaScript 笔记]第34条：在原型中存储方法

js中完全有可能不借助原型进行编程。不用在其原型中定义任何的方法。

创建对象

构造函数法

所有属性和方法都在构造函数中定义

function User(name,pwd){
  this.name=name;
  this.pwd=pwd;
  this.toString=function(){
      return '[User '+this.name+']';
  };
  this.checkPwd=function(pwd){
    return hash(pwd)===this.pwd;
  }
}

这样创建没有什么问题，但这里当我们构造多个User实例的时候，会占用过多的内存空间。

var u1=new User(/* 一些参数 */);
var u2=new User(/* 一些参数 */);
var u3=new User(/* 一些参数 */);

可以从下面的图里看出它们在内存中的情况。

原型和构造函数相结合

function User(name,pwd){
  this.name=name;
  this.pwd=pwd;
  this.toString=function(){
      return '[User '+this.name+']';
  };
  this.checkPwd=function(pwd){
    return hash(pwd)===this.pwd;
  }
}
User.prototype.toString=function(){
    return '[User '+this.name+']';
};
User.prototype.checkPwd=function(pwd){
  return hash(pwd)===this.pwd;
}

当产生多个实例时

var u1=new User(/* 一些参数 */);
var u2=new User(/* 一些参数 */);
var u3=new User(/* 一些参数 */);

其内存结构图

对比

可以看出，将方法存储在原型中，使其可以被所有的实例使用，而不需要给每个实例对象增加额外的属性。
将方法存储在实例对象中会优化查找速度，当使用如u1.toString()方法，不需要搜索原型链来查找toString的实现。但，现代的js引擎深度优化了原型查找，所以将方法复制到实例对象并不一定保证速度有明显的提升。而且实例方法比起原型方法肯定会占用更多的内存。

提示

• 将方法存储在实例对象中将创建该函数的多个副本，因为每个实例对象都有一份副本

• 将方法存储于原型中优于存储在实例对象中