JS中的继承:this.base = Class(); this.base()还是......？
在JavaScript中，继承是一种实现代码重用的方法，可以在一个类中使用另一个类的属性和方法。在这个问答内容中，我们将介绍两种常见的实现继承的方法：原型链继承和构造函数继承。
- 原型链继承：
原型链继承是通过将子类的原型对象指向父类的一个实例对象，从而实现继承的。具体实现如下：
function Parent() {
this.name = 'parent';
}
Parent.prototype.sayHello = function() {
console.log('Hello, ' + this.name);
};
function Child() {
this.name = 'child';
}
Child.prototype = new Parent();
const child = new Child();
child.sayHello(); // 输出：Hello, child- 构造函数继承：
构造函数继承是通过在子类的构造函数中调用父类的构造函数，从而实现继承的。具体实现如下：
function Parent() {
this.name = 'parent';
}
Parent.prototype.sayHello = function() {
console.log('Hello, ' + this.name);
};
function Child() {
Parent.call(this); // 调用父类构造函数
this.name = 'child';
}
const child = new Child();
child.sayHello(); // 输出：Hello, child需要注意的是，以上两种方法都存在一定的缺陷，例如在原型链继承中，子类实例对象的属性会被所有实例共享，而构造函数继承则需要在子类构造函数中调用父类构造函数，可能会导致一些问题。因此，在实际开发中，通常会使用其他方法来实现继承，例如组合、Mixin等。
推荐的腾讯云相关产品：
- 腾讯云云服务器：提供可靠的云计算服务，满足各种应用场景的需求。
- 腾讯云数据库：提供多种数据库服务，包括关系型数据库、非关系型数据库等。
- 腾讯云API网关：提供安全、稳定、高可用的API接入服务，支持API的创建、发布、监控、管理等功能。
- 腾讯云云储存：提供可靠的云存储服务，支持对象、块、文件等存储方式。
产品介绍链接地址：
相关·内容
2回答
因为我不想让它依赖于任何其他库，所以我使用普通的javascript。/***/ this.someFunction(something);*/ //
浏览 4提问于2011-05-18得票数 2
回答已采纳
如何使TypeScript知道在Base变量中发生的Factory类的所有继承，这样我就不会出错。这绝对是可能的，因为我在最后得到了结果，但是会抛出Property 'X' does not exist on type 'Rect'错误。interface IPrintable {}
log(): void;
class Factory<= class<
浏览 3提问于2021-03-20得票数 2
回答已采纳
我有一个原型继承的问题，我不能找出为什么它不能正常工作。undefined || this.value === null || this.value === ""; this.base= Field;}DoubleField.prototype.constructor= DoubleF
浏览 0提问于2012-05-12得票数 0
回答已采纳
2回答
我正在试着做一些大致的事情： abstract class Base {}
public interface Two {...}public class A extends Base implements One {...}con.set(new B());
con.go(); 其中输出将最终是"A“"B"，但我遇到了将Con
浏览 27提问于2019-10-15得票数 0
5回答
早上好，在我的时区。function Employee(){ this.dept = ""; function Employee(name,dept){
this.name = name || "Dave
浏览 3提问于2013-09-13得票数 2
回答已采纳
1回答
这是我收到的错误： this.name = params['name'] || "";Manager.prototype = new Employee;
console.log("params "+params); <em
浏览 4提问于2014-09-03得票数 0
回答已采纳
我想要这样的对象结构(我知道这是不可能的)。login经验Bconst AUTH_B = { login() { }, return `${this.base}/login/password`}
console.log(&#x
浏览 0提问于2019-06-20得票数 1
回答已采纳
3回答
不知道如何将Me.Base转换为C# Inherits System.IO.StreamNew ArgumentNullException("ResponseStream") End Sub
End Class
浏览 1提问于2011-08-17得票数 3
回答已采纳
this.centerY = centerY;};
{
this.base(centerX, centerY, color);};
请解释一下这个例子是如何工作的。我知道当我们调用构造函数Circle时，this
浏览 5提问于2013-06-25得票数 1
回答已采纳
关于Decorator模式的大部分资源如下所示：{}{(); }class TeaWithMilk extends TeaDecorator public TeaWithMilk(Tea tea) { this.base = tea; }decoratedTea = new TeaWithSugar(new TeaWithMilk(new BasicTea())
浏览 0提问于2018-01-04得票数 1
回答已采纳
基本上，我有一个es6 js类，其中创建构造函数变量，然后在类方法中分配构造函数变量。稍后，我创建了一个子类，它扩展了第一个变量，并将希望使用的所有变量传递给子类构造函数，然后传递给超级方法。在这一个变量正确且另一个变量未定义之后，两个变量都以相同的方式创建、传递和记录。为什么它没有定义？？class socket { this.socket = {};
浏览 2提问于2017-12-08得票数 0
回答已采纳
1回答
对象不继承原型化函数
、、、
我有一个构造函数，它充当一个超类：我的原型包含了一个简单的方法：现在新的Bla(1).f();将在控制台中记录"f“。但是，假设我需要一个继承自Bla的子类：{ this.base();
浏览 0提问于2012-06-17得票数 6
回答已采纳
2回答
编辑关于Barmar的请求，我上传这个截图。正如杰克所宣称的，这是关于那个陈述的。
在本文中，解释了关于JS继承的一些细节，包括说明为什么JS经典继承模型比JS类更安全。他们在这篇文章中做了很多有用的事情，但我看不出这一点。有人能指出MDN参数，说明传统语法比类语法更安全吗？奖励:我完成了在上述文章中实现的“雇员示例”的这个简短版本
浏览 1提问于2020-05-21得票数 1
回答已采纳
1回答
如何使用变量
、、
ActivityPage.js (第一个) // this function check every second if the size of arraystopActivity() { arrayTimestamp: this.arrayTimestamp,}Operations.js} }这个函数是从两个函数stopClick和wri
浏览 2提问于2020-09-16得票数 1
回答已采纳
1回答
如何将原型道具从父构造函数传递给子构造函数，2)使用destructure组织所有构造函数的参数，而不导致类型错误？这是我想要修复的代码： this.gender = gender;kid2.gender; // Type Error: Cannot destructure property 'gender' of &#x
浏览 0提问于2020-05-18得票数 0
回答已采纳
1回答
我在AngularJS中有一个项目，我有baseController和子控制器继承它。class BaseController { 'ngInject';
} 'ngInject';
浏览 1提问于2017-08-18得票数 3
回答已采纳
4回答
qooxdoo对骨干
、、、、
完全OOP支持(喜欢继承this.base、名称空间等等)。
我还没有深入研究它，所以我在寻找与Backbone.js的比较，但没有取得任何成功。那么，如果您同时使用了-，那么您对Backbone.js?的qooxdoo有什么看法？我说的不是主干中的“模型持久化”(保存/删除ajax调用)等特性，也不是qooxdoo (qx.ui.form.Button)，中的UI等特性，而是编码结构和可
浏览 8提问于2012-10-01得票数 4
1回答
如果我们使用组合，并且希望注入依赖项，扩展类将接受基类的实例，而不是继承它：{public class Extending extends Base private ISomeDependencySubtype我想出了几种选择：pu
浏览 3提问于2014-10-02得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
