网络编程
位置：首页>> 网络编程>> JavaScript>> javascript 将共享属性迁移到原型中去的实现方法

javascript 将共享属性迁移到原型中去的实现方法

作者：jingxian　　发布时间：2024-04-22 13:05:00　

标签：javascript,原型

当我们用一个构造函数创建对象时，其属性就会被添加到this中去。并且被添加到this中的属性实际上不会随着实体发生改变，这时，我们这种做法显得会很没有效率。例如：


function her(){
 this.name = 'Anna';
}

这意味着每次我们new her()创建一个实例对象的时候都会生成一个全新的name属性，并在内存中拥有属于该属性自己的存储空间。而事实上，我们可以将name属性添加到原型上去，这样一来所有实例都可以共享这个name属性了：


function her(){}
her.prototype.name = 'Anna';

这样一来，我们再用new her()创建对象的时候，name属性就不再是新对象的私有属性了，而是被添加到该对象的原型中去了。虽然这种做法会很有效率，但这也是针对实例对象中的不可变属性而言的，这是一定的不然的话改一下这个属性，所有被创建的新对象的这个属性都会被改变，这可不是我们想要的啊~~~。对象的公有属性尤其适合这种方法。

下面，我们来改进以前的一个例子：


function her(){};
her.prototype.name = 'Anna';
her.prototype.toString = function(){
 return this.name;
}

function his(){};
his.prototype = new her();
his.prototype.constructor = his;
his.prototype.sex = 'women';

如您所见，通常我们在进行原型对象扩展之前，我们现完成了相关继承工作的构建，否则his.prototype中后续新的属性方法有可能会抹掉继承来的东西。


function child(f, m){
 this.eat = f;
 this.don = m;
}
child.prototype = new his();
child.prototype.constructor = child;
child.prototype.name = 'Jok';
child.prototype.fun = function(){
 return this.eat + this.don
}

如您所见，实际上调用toString()这个方法的区别仅仅在于幕后的少量操作。主要区别也就是属性，方法的查找工作将更多地发生在her.prototype中。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com