当前位置：首页 > 资讯 > 技术文档

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

时间：2021-09-15 01:46 编辑：来源：阅读：
扫一扫，手机访问

摘要：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中。以上这篇javascript 将共享属性迁移到原型中去的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：浅谈html转义及防止javascript注入攻击的方法
下一篇：详解react-webpack2-热模块替换[HMR]

资讯排行榜
更多>>