B继承A的写法

B继承A的写法

1.原型继承：

  原型继承是js的一种继承方式，简单来说就是构造函数和子构造函数，或者说类和子类之间(当然js中不存在类)，唯一的继承传递方式是通过原型，而不是其他语言直接通过extends。所以自己需要手写prototype。其核心是将父类的实例作为子类的原型

var A=function(){
    this.a=1;
    this.b=2;
    this.add=function(){
    	console.log(a+b);
    }
}
var B=function(){}
B.prototype=new A();
B.prototype.c=3;
B.prototype.add=function(){
	console.log(B.a+B.b+B.c);
}
var b=new B();
console.log(b.a);
console.log(b.b);
console.log(b.c);

2.构造函数继承：

在js中，可以利用构造函数来创建特定类型的对象，其中，有一些原生的构造函数，Object、Array等，所以，当type of Object时，返回的是function。此外，我们还可以创建自定义的构造函数，从而自定义对象的属性以及方法。其核心是将父类的实例作为子类的原型

var A=function(){
    this.a=1;
    this.b=2;
    this.add=function(){
    	console.log(a+b);
    }
}
var B=new A();
B.c=3;
B.add=function () {
	console.log(B.a+B.b+B.c);
}
console.log(B.a);
console.log(B.b);
console.log(B.c);
B.add();

3.call、apply实现继承：

call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而apply传的剩余值必须为数组。

function A(){
    this.a=1;
    this.b=2;
    this.add=function(){
    	console.log(a+b);
    }
}
function B(){
	A.call(this);
	this.c=3;
    this.add=function(){
    	console.log(this.a+this.b+this.c);
    }
}
var b=new B();
console.log(b.a);
console.log(b.b);
console.log(b.c);
b.add();