前端: JavaScript: 普通对象修改原型内属性时存在的tricks about blog

[xvno]

再考虑下面的代码

function Sup() {
  this.age = 0;
  this.name = 'Sup';
  this.isStudent = false;
  this.getName = function() {
    return this.name;
  }
  this.titles = ['SE', 'SM'];
  this._titles = ['SE', 'SM'];
  this.profession = {
    pm: 'C++',
    fe: 'JavaScript'
  };
  this._profession = {
    pm: 'C++',
    fe: 'JavaScript'
  };
}

function Sub() { }
let sup = new Sup();
Sub.prototype = sup;

let sub = new Sub();
let sub2 = new Sub();

sub.age = 0;
sub.name = 'sub...';
sub.isStudent = false;
sub.getName = function() {
  return 'My name is ' + this.name;
}

sub.titles.push('CTO');
sub._titles = ['CTO'];
sub.profession.skill = 'Viso';
sub._profession = {skill: 'Viso'};

原始sup, sub, sub2

sub赋值代码执行以后

[xvno]

Solosolo...
这种继承方式简单, 不太可靠, 得注意位于原型对象上的属性.
双刃剑, 用好了雌雄双股, 用不好...那得debug.