JS对象继承时，对引用属性的处理
栏目: JavaScript · 发布时间: 7年前
内容简介：前阵子跟一个同事说：上述代码，输出都是一样的：[ 'peter', 'nina' ]，很明显，两个不同的子类之间的数据相互混杂在一起了。那我们试试将属性移到构造函数里面：执行发现，结果并没有变化，两个不同的子类虽然复制了自己的staffs，但staffs是个引用类型，他们只复制了引用地址而已，指向的具体数据还是同一份，那么怎么解决呢？做下变通：
前阵子跟一个同事说： 创建对象时，原型上只定义方法就行，属性定义在构造函数 里面。他问了句：为什么？我居然思索了半天，知识有时真的不用就会忘，通过写作能加深印象，我们来看下面的例子：
function SuperCompany() {}
SuperCompany.prototype.staffs = [];
SuperCompany.prototype.addStaff = function(name) {
this.staffs.push(name);
}
SuperCompany.prototype.printStaff = function() {
console.log('staffs:', this.staffs);
}
function Company() {}
Company.prototype = new SuperCompany();
let companyA = new Company();
companyA.addStaff('peter');
let companyB = new Company();
companyB.addStaff('nina');
companyA.printStaff();
companyB.printStaff();
复制代码
上述代码，输出都是一样的：[ 'peter', 'nina' ]，很明显，两个不同的子类之间的数据相互混杂在一起了。那我们试试将属性移到构造函数里面：
function SuperCompany() {
this.staffs = [];
}
SuperCompany.prototype.addStaff = function(name) {
this.staffs.push(name);
}
SuperCompany.prototype.printStaff = function() {
console.log('staffs:', this.staffs);
}
function Company() {}
Company.prototype = new SuperCompany();
let companyA = new Company();
companyA.addStaff('peter');
let companyB = new Company();
companyB.addStaff('nina');
companyA.printStaff();
companyB.printStaff();
复制代码
执行发现，结果并没有变化，两个不同的子类虽然复制了自己的staffs，但staffs是个引用类型，他们只复制了引用地址而已，指向的具体数据还是同一份，那么怎么解决呢？做下变通：
function SuperCompany() {
this.staffs = [];
}
SuperCompany.prototype.addStaff = function(name) {
this.staffs.push(name);
}
SuperCompany.prototype.printStaff = function() {
console.log('staffs:', this.staffs);
}
function Company() {
SuperCompany.call(this);
}
Company.prototype = new SuperCompany();
let companyA = new Company();
companyA.addStaff('peter');
let companyB = new Company();
companyB.addStaff('nina');
companyA.printStaff();
companyB.printStaff();
复制代码
再看下输出，[ 'peter' ]、[ 'nina' ]，问题是不是就解决了？这种方法被称作” 借用构造函数 “（有时也称为 伪造对象 或者 经典继承 ）。
以上所述就是小编给大家介绍的《JS对象继承时，对引用属性的处理》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
指数型组织
萨利姆•伊斯梅尔 (Salim Ismail)、迈克尔•马隆 (Michael S. Malone)、尤里•范吉斯特 (Yuri van Geest) / 苏健 / 浙江人民出版社 / 2015-8-1 / CNY 69.90
《指数型组织》是一本指数级时代企业行动手册。作者奇点大学创始执行理事萨利姆·伊斯梅尔归纳了指数型组织的11个强大属性，并提出了建立指数型组织的12个关键步骤。通过自己创建的一套“指数商”测试题，伊斯梅尔还测量出了指数型组织世界100强。 为什么小米、海尔和阿里巴巴能进入“指数型组织世界100强”名单？“独角兽”Uber、Airbnb、谷歌等知名企业是如何指数化自己的组织的？ 未......一起来看看 《指数型组织》 这本书的介绍吧!
