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引擎深度优化了原型查找,所以将方法复制到实例对象并不一定保证速度有明显的提升。而且实例方法比起原型方法肯定会占用更多的内存。
提示
原标题:[Effective JavaScript 笔记]第34条:在原型中存储方法
关键词:JavaScript