开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

JavaScript原型继承解决方法

关于JavaScript原型继承的解决方法，我们可以使用以下几种方法：

构造函数继承

构造函数继承是一种简单的原型继承方法，通过在子类构造函数中使用父类构造函数，可以实现继承。

function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function() {
  console.log(this.name);
};

function Child() {
  Parent.call(this);
  this.type = 'child';
}

Child.prototype = new Parent();

var child = new Child();
child.sayName(); // 'parent'

原型链继承

原型链继承是通过将子类的原型对象设置为父类的实例对象，从而实现继承。

function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function() {
  console.log(this.name);
};

function Child() {
  this.type = 'child';
}

Child.prototype = Parent.prototype;

var child = new Child();
child.sayName(); // 'parent'

组合继承

组合继承是结合构造函数继承和原型链继承的方法，通过在子类构造函数中使用父类构造函数，并将子类的原型对象设置为父类的实例对象，实现继承。

function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function() {
  console.log(this.name);
};

function Child() {
  Parent.call(this);
  this.type = 'child';
}

Child.prototype = new Parent();
Child.prototype.constructor = Child;

var child = new Child();
child.sayName(); // 'parent'

寄生组合继承

寄生组合继承是在组合继承的基础上，通过寄生式继承的方式，避免重复创建父类实例对象，实现继承。

function Parent() {
  this.name = 'parent';
}

Parent.prototype.sayName = function() {
  console.log(this.name);
};

function Child() {
  Parent.call(this);
  this.type = 'child';
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

var child = new Child();
child.sayName(); // 'parent'

以上是几种常见的JavaScript原型继承解决方法，可以根据实际需求选择合适的方法。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

共50个视频

动力节点-Javaweb项目入门到精通【eclipse】-4

动力节点Java培训

本套课程是JavaScript的进阶课程，适用于已经学习了JavaScript基础知识的同学，如果你想继续对JavaScript的面向对象以及高级应用进行深入地学习，那么本套课程就是为你量身定做的，课程将会围绕对象，构造函数以及高级应用三个部分来展开，你将收获到对象的创建、属性的特征、操作原型对象、原型链继承、闭包、深浅拷贝等方面的知识，提高对JavaScript的认知深度。

监听器专题-015-HttpSessionBindingListener监听器监听器专题-16-HttpSessionActivationListener监听器监听器专题-17-监听器应用之客户端数量统计之需求的错误理解查看更多 >>

共11个视频

动力节点-Javaweb项目入门到精通【eclipse】-5

动力节点Java培训

本套课程是JavaScript的进阶课程，适用于已经学习了JavaScript基础知识的同学，如果你想继续对JavaScript的面向对象以及高级应用进行深入地学习，那么本套课程就是为你量身定做的，课程将会围绕对象，构造函数以及高级应用三个部分来展开，你将收获到对象的创建、属性的特征、操作原型对象、原型链继承、闭包、深浅拷贝等方面的知识，提高对JavaScript的认知深度。

Servlet3.0特性专题-06-对文件上传的实现 Servlet3.0特性专题-07-为什么要使用Servlet异步处理 Servlet3.0特性专题-08-Servlet异步处理的代码引入查看更多 >>

共50个视频

web前端-JavaScript入门必备教程-上【动力节点】

动力节点Java培训

视频中讲解了JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点，该视频可以开启您的WEB前端之路。

JavaScript教程-01-JavaScript概述【动力节点】JavaScript教程-02-HTML嵌入JavaScript代码的第一种方式1【动力节点】JavaScript教程-03-HTML嵌入JavaScript代码的第一种方式2【动力节点】查看更多 >>

共3个视频

web前端-JavaScript入门必备教程-下【动力节点】

动力节点Java培训

视频中讲解了JavaScript核心语法、JavaScript内置支持类、JavaScript调试、JavaScript DOM编程、JavaScript BOM编程、大量前端小案例、JavaScript事件处理、JavaScript对象、继承、JSON等知识点，该视频可以开启您的WEB前端之路。

JavaScript教程-50-JSON在开发中的使用3【动力节点】JavaScript教程-51-JSON在开发中的使用4【动力节点】JavaScript教程-52-JSON在开发中的使用5【动力节点】查看更多 >>

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭