B继承A的写法

xiaoxiao2025-08-20  35

目录

B继承A的写法1.原型继承:2.构造函数继承:3.call、apply实现继承:

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();
转载请注明原文地址: https://www.6miu.com/read-5035039.html

最新回复(0)