JavaScript 继承

JS的继承和C++的继承很不相同！ JS通过原型链实现继承！

function Box() {//父类，超类型
    this.name = 'guoyu';
}
function Desk() {//派生类
    this.age = 20;
}

//通过原型链继承,父类实例化后的对象实例，赋值给子类的原型属性即可
//new Box()会把Box构造里的信息和原型里的信息都交给Desk
Desk.prototype = new Box();
var desk = new Desk();
alert(desk.name);//guoyu

function Box() {//父类，超类型
    this.name = 'lee';
}
function Desk() {//派生类
    this.age = 100;
}
function Table() {
    this.level = 'AAAAA';
}
//通过原型链继承,父类实例化后的对象实例，赋值给子类的原型属性即可
//new Box()会把Box构造里的信息和原型里的信息都交给Desk
Desk.prototype = new Box();
Table.prototype = new Desk();
//上面两句就是原型链的层层‘传递’

var desk = new Desk();
var table = new Table();
alert(table.name);//guoyu

上面的图 : 孙子Table->Desk->Box(->Object)

---

function Box() {//父类，超类型
    this.name = 'lee';
}
function Desk() {//派生类
    this.age = 100;
}

//通过原型链继承,父类实例化后的对象实例，赋值给子类的原型属性即可
//new Box()会把Box构造里的信息和原型里的信息都交给Desk
Desk.prototype = new Box();//通过原型链继承

var desk = new Desk();

//子类型从属于自己或者它的父类型(递归)
alert(desk instanceof Object);//true
alert(desk instanceof Desk);//true
alert(desk instanceof Box);//true

问题：继承也有之前的问题，比如字面量重写原型会中断关系；使用引用类型的原型，子类型无法给超类型（父类）传递参数。
为了解决引用共享和超类型无法传参的问题，采用一种叫做 借用构造函数的技术，或者成为对象冒充的技术来解决这两个问题。

call方法: 
语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 
定义：调用一个对象的一个方法，以另一个对象替换当前对象。 
说明： 
call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 
如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 

apply方法： 
语法：apply([thisObj[,argArray]]) 
定义：应用某一对象的一个方法，用另一个对象替换当前对象。 
说明： 
如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 
如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数。

function ClassB(sColor) {
     ClassA.call(this,sColor);//只能继承构造里的信息，原型的信息不能继承
 }
意思就是说 用ClassB的this来代替ClassA的this来执行ClassA()这个函数，所以ClassB就有了ClassA的所有功能 感觉像是继承了ClassA

function Box(name, age) {
    this.name = name;
    this.age = age;
}
Box.prototype.family = '家庭';
function Desk(name, age) {
    Box.call(this, name, age);//只能继承构造里的信息，原型的信息不能继承
}

var desk = new Desk();
alert(desk.family);//undefined

//使用对象冒充继承
function Box(name, age) {
    this.name = name;
    this.age = age;
    this.family = ['哥哥','姐姐','妹妹'];//引用类型，放在构造函数里不会被共享
}
function Desk(name, age) {
    Box.call(this, name, age);//只能继承构造里的信息，原型的信息不能继承
}

var desk = new Desk('lee', 100);
alert(desk.family);//'哥哥','姐姐','妹妹'
desk.family.push('弟弟');
alert(desk.family);//'哥哥','姐姐','妹妹','弟弟'

var desk2 = new Desk('gy', 20);
alert(desk2.family);//'哥哥','姐姐','妹妹'

构造函数里的方法，放在构造里，每次实例化，都会分配一个内存地址，浪费，所以最好放原型里，保证多次实例化只有一个地址

function Box(name, age) {
    this.name = name;
    this.age = age;
    this.family = ['哥哥','姐姐','妹妹'];//引用类型，放在构造函数里不会被共享
}

Box.prototype.run = function() {//对象冒充不能继承prototype里的东西
    return this.name + this.age + 'is running...';
};
Desk.prototype = new Box();  //原型链继承


function Desk(name, age) {
    Box.call(this, name, age);//只能继承构造里的信息，原型的信息不能继承
}

var desk = new Desk('guoyu', 22);
alert(desk.run());//guoyu22is running...