[JavaScript]编写一个b继承a的方法

最新推荐文章于 2024-02-29 17:58:15 发布

原创最新推荐文章于 2024-02-29 17:58:15 发布 · 873 阅读

0 ·

CC 4.0 BY-SA版权

javascript 同时被 2 个专栏收录

112 篇文章

订阅专栏

前端面试题

67 篇文章

订阅专栏

本文探讨如何在JavaScript中创建一个类B继承自类A的方法，详细阐述了继承的概念和实现步骤，帮助开发者理解JavaScript的面向对象特性。

编写一个b继承a的方法

        function a() {
            this.run = function () {
                return 'a方法';
            }
        }
        function b() {

        }
        b.prototype = new a();
        var objb = new b();
        console.log(objb.run())

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DaftJayee

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Javascript 继承实现例子

10-29

在真正的Web站点和应用程序中，几乎不可能创建名为ClassA和ClassB的类，更可能的是创建表示特定事物（如形状）的类。考虑本章开头所述的形状的例子，Polygon、Triangle和Rectangle类就构成了一组很好的探讨数据。

面向对象继承实例(a如何继承b问题)(自写)

09-05

`parent.prototype.show`定义了一个方法，用于显示“父级方法”的警告。接着，我们创建了`child`构造函数，它同样接收`age`、`name`和新增的`job`参数。`parent.apply(this, arguments)`在这里起到了关键作用，它...

参与评论您还未登录，请先登录后发表或查看评论

在JS中b如何继承a？

LEE1996JUN的博客

03-12

3329

1.原型链实现原型链的基本模式： function SuperType(){ this.property=true; } SuperType.prototype.getSuperValue=function(){ ...

JavaScript——编写一个b继承a的方法

weixin_40492102的博客

01-10

602

function a() { this.run = function() { console.log("我是run方法"); } } function b() { } b.prototype = new a(); var nb = new b(); nb.run(); ...

b继承a的函数

weixin_34268169的博客

07-08

220

var cls={ my:, init:function() { alert(this.my.a); }};window.onload=function(){ cls.init();}调用cls.init(); 转载于:https://www.cnblogs.com/taochengyong/p/9281500.html

Javascript 编写一个b继承a的方法？

weixin_42686900的博客

02-29

508

/相当于new A();

JS实现继承的几种方式

luo1914_的博客

04-18

207

继承出现在两个构造函数之间的关系，当A的构造函数属性和方法被B构造函数的实例使用了，那么我们就说B继承自A的构造函数继承出现在两个构造函数之间的关系，当A的构造函数属性和方法被B构造函数的实例使用了，那么我们就说B继承自A的构造函数 A 是 B 构造函数的父类 B 是 A 构造函数的子类构造函数一个构造函数都可以使用 new 关键字来创造出若干个实例每一个实...

一本使用ES6用JavaScript编写FP的指南.zip

02-28

结合以上知识点，"一本使用ES6用JavaScript编写FP的指南"很可能是详细讲解如何利用ES6特性来实现和理解函数式编程的书籍，包含了大量的示例和实践指导，对于提升JavaScript开发者的编程技巧和思维方式大有裨益。

javascript 原型链维护和继承详解

10-25

例如，如果构造函数A和B，让B的原型指向A的一个实例，这样B的所有实例就都有了A的属性和方法。 2. 构造函数继承（伪造类继承）：在子构造函数中调用父构造函数，并将子构造函数的实例作为this传递给父构造函数，...

Javascript编程之继承实例汇总

10-23

Javascript中的继承是面向对象编程中的一个重要概念，它允许我们创建子类（派生类）来继承父类（基类）的属性和方法。继承可以提高代码的复用性，减少重复代码的编写。下面详细讲解五种常见的Javascript继承技巧及其...

B函数继承A函数的4种方法

微光·火炬

05-31

1360

方法一： (直接prototype等号赋值，缺点：地址相同，修改B原型链，A同步被修改) function A(opt){ this.name = opt.name this.age = opt.age } //A的函数方法 A.prototype.sayName = function(){ console.log(this.name) } /********实现B继承A的变量 ******/ function B(opt){ A.call(this,opt)

B继承A的写法

weixin_43499077的博客

10-25

3258

这里写自定义目录标题B继承A的写法1.原型继承： B继承A的写法 1.原型继承： 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; ...

MongoDB之GridFS操作

技术空间

12-22

3万+

MongoDB：GridFS

signature=f4447be2b03f94d344842fd53c708af2,nba/yarn.lock at 2f92e19f45008cc37dbff8c210320bed05e43377...

最新发布

10-01

JavaScript 中有多种实现继承的方法，以下为你介绍几种常见的方法以及在网页上显示继承结果的方式。 ### 基于原型和构造函数实现继承（ES5） ```javascript function A(name) { this.name = name; this.sayHello = function() { return this.name + " say Hello!"; }; } function B(name, id) { A.call(this, name); this.id = id; this.checkId = function(ID) { return this.id === ID; }; } B.prototype = Object.create(A.prototype); B.prototype.constructor = B; // 创建实例 let instanceB = new B("John", 123); // 在网页上显示继承结果 document.write(instanceB.sayHello() + " "); document.write("Check ID result: " + instanceB.checkId(123) + " "); ``` 这种方法通过 `A.call(this, name)` 在子类构造函数中调用父类构造函数，将父类的属性和方法添加到子类实例上，再使用 `Object.create(A.prototype)` 继承父类的原型方法 [^2]。 ### 寄生组合式继承（ES5） ```javascript function A(name) { this.name = name; this.sayHello = function() { return this.name + " say Hello!"; }; } function B(name, id) { A.call(this, name); this.id = id; this.checkId = function(ID) { return this.id === ID; }; } function inheritPrototype(subType, superType) { let prototype = Object.create(superType.prototype); prototype.constructor = subType; subType.prototype = prototype; } inheritPrototype(B, A); // 创建实例 let instanceB = new B("John", 123); // 在网页上显示继承结果 document.write(instanceB.sayHello() + " "); document.write("Check ID result: " + instanceB.checkId(123) + " "); ``` 寄生组合式继承是在组合继承的基础上优化了原型链的创建过程，避免了重复调用父类构造函数 [^1]。 ### 使用 class 语法实现继承（ES6） ```javascript class A { constructor(name) { this.name = name; } sayHello() { return this.name + " say Hello!"; } } class B extends A { constructor(name, id) { super(name); this.id = id; } checkId(ID) { return this.id === ID; } } // 创建实例 let instanceB = new B("John", 123); // 在网页上显示继承结果 document.write(instanceB.sayHello() + " "); document.write("Check ID result: " + instanceB.checkId(123) + " "); ``` ES6 引入了 `class` 关键字和 `extends` 关键字，使用 `super` 调用父类的构造函数，使继承的实现更加简洁 [^1]。