JavaScript prototype 和 __proto__的关系 about blog HOT 11 CLOSED

// 定义 SuperClass
function SuperClass(){
  this.val = true    
}
SuperClass.prototype.getVal = function(){
  return this.val
}
SuperClass.prototype.o={
  a:1
}

// 定义 SubClass
// 注意看这里把值设置成了false
function SubClass(){
  this.val = false
}

// 注意这里。重新把构造器的引用变回原来的SubClass
SubClass.prototype = new SuperClass();
SubClass.prototype.constructor = SubClass;

var sub = new SubClass();
sub.o.a = 2;
console.log(sub.getVal())

// 创建其他的SubClass实例
console.log(new SubClass().o.a) //2

// 定义 SuperClass
function SuperClass(){
  this.val = true
  this.o={
    a:1    
  }
}

// 定义 SubClass
function SubClass(){
  SuperClass.call(this)
}

var sub1 = new SubClass()
console.log(sub1.val)

// 修改o
sub1.o.a=2

var sub2 = new SubClass();
console.log(sub2.o.a) //1

// 定义 animal
function animal(){
  this.val = true
  this.o={
    a:1    
  }
}
animal.move = function(){console.log('move')}

// 定义 doge
function doge(){
  animal.call(this)
}

// 定义 animal
function animal(){
  this.val = true
  this.o={
    a:1    
  }
  this.move = function(){ console.log('move') }
}


// 定义 doge
function doge(){
  animal.call(this)
}

// 定义
SupClass = function(t){ this.t = t ; console.log('invoke'); }
SupClass.prototype.s = 's'

// 复用父类构造器
function SubClass(type){
  SupClass.call(this,type)
}

SubClass.prototype = new SupClass()

// 这样写相当于这样。让prototype接盘了SubClass的实例。
// SubClass.prototype = SupClass.__proto__

// 这样写不会破坏SubClass。但是再下次实例化SubClass的时候会多出来不必要的东西
//(具体看输出结果的__proto__里面多出来的部分)
var obj = new SubClass('t');
console.log(obj)

// 因为这么做相当于
// obj.__proto__ = SubClass.prototype = new SupClass()
// 所以会多出一个实例在__proto__里面
// 一个是实例化prototype的本身的对象。一个是在原型里边的new SupClass()

function inheritObject(o){
  function F(){}
  F.prototype = o;
  return new F();
}

// 定义
SupClass = function(t){ this.t = t; console.log('invoke'); }
SupClass.prototype.s = 's'

// 复用父类构造器
function SubClass(type){
  SupClass.call(this,type)
}
// 注意继承要提前写在前面。不然会覆盖掉掉子类的prototype
SubClass.prototype = inheritObject(SupClass.prototype);
SubClass.prototype.x = 'x'

SubClass.prototype.constructor = SubClass

new SubClass('t')