- 当前位置：首页 >应用开发 >JS有哪些方式可以实现继承?
JS有哪些方式可以实现继承?
发布时间：2025-11-04 00:19:04 来源：云智核 作者：IT科技类资讯
继承的有方含义：
继承是面向对象编程中的一个重要概念，通过继承可以使子类的式可实现实例拥有在父类中定义的属性和方法。
1、继承原型链继承
function UserBase(){ } function User(){ } User.prototype = new UserBase();将父类的有方实例作为子类的原型。
(1)不能向构造函数传参，式可实现无法实现多继承 (2)来自原型对象的继承引用属性是所有实例共享的2、构造继承
实际上使用父类的有方构造函数来增强子类，等于是亿华云计算式可实现把父类的构造函数复制给子类。
function UserBase(){ } function User(userName) { UserBase.call(this); this.userName = userName; } let user = new User("鬼鬼") user.userName;优点：
(1)可以向构造函数传参数
(2)可以实现多继承，继承多call几个
缺点：
(1)无法实现函数复用
(2)只能继承父类的有方属性和方法，不能继承父类的式可实现原型
3、实例继承
为父类实例添加新属性，继承作为子类实例返回。有方
function UserBase(){ } function User(userName) { let userBase = new UserBase(); userBase.userName = userName; return userBase; } let user = new User("鬼鬼") user.userName;缺点：无法实现多继承
4、式可实现拷贝继承
function UserBase(userName){ } UserBase.prototype.showInfo = function(){ console.log(this.userName) } function User(userName) { let userBase = new UserBase(); for (let attr in userBase) { User.prototype[attr] = userBase[attr]; } this.userName = userName; } let user = new User("鬼鬼") user.showInfo(); 优点：支持多继承 缺点：占用内存高，继承因为要用for in循环来拷贝父类属性/方法不可枚举方法拷贝不了
5、组合继承
通过调用父类构造函数，继承了父类的属性，并保留了传参的优点。
然后再将父类实例作为子类原型，免费信息发布网实现了函数复用。
function UserBase(userName){ this.userName = userName } UserBase.prototype.showInfo = function(){ console.log(this.userName) } function User (userName){ //call方式 UserBase.call(this,userName) //apply方式 UserBase.apply(this,[userName]) } User.prototype = new UserBase() let user = new User("鬼鬼") user.showInfo();优点：
(1)继承父类的属性和方法，也继承了父类的原型 (2)可传参，函数可复用缺点：
调用了两次父类构造函数
6、寄生组合继承
通过寄生的方式，去掉了父类的实例属性，在调用父类构造函数时，
就不会初始化两次实例方法，避免了组合继承的缺点
function UserBase(userName){ this.userName = userName } UserBase.prototype.showInfo = function(){ console.log(this.userName) } function User (userName){ UserBase.call(this,userName) } User.prototype = Object.create(UserBase.prototype) User.prototype.constructor = User let user = new User("鬼鬼") user.showInfo();7、Class继承
class UserBase{ constructor(userName){ this.userName = userName } showInfo(){ console.log(this.userName) } } class User extends UserBase{ constructor(value){ super(value) } } var user = new User("鬼鬼") user.showInfo();参考资料
https://blog.csdn.net/guoqing2016/article/details/106418081/
http://www.bubuko.com/infodetail-2556919.html
本文转载自微信公众号「前端人」，可以通过以下二维码关注。转载本文请联系前端人公众号。
- 如何设置个性化开机密码提示界面（打造独一无二的电脑开机密码保护）
- 台式电脑清灰教程（学会清灰，延长台式电脑寿命，提升性能）
- Win10电脑发生未知错误的解决方法（故障排除与系统修复，保障电脑正常运行）
- 解决电脑重置密码错误的方法（忘记密码？别急，教你解决重置密码错误！）
- 掌握Mac电脑新系统的技巧与窍门（从入门到精通，轻松驾驭Mac电脑新系统）
- 电脑设置小人教程（快速掌握电脑设置小人的技巧）
- 139手机邮箱的优势与特点（全方位解析139手机邮箱的使用和功能）
- 天马AMOLED屏幕如何提升视觉体验？（探索AMOLED屏幕的关键优势和技术突破）
- 探究惠普电脑开机时间错误的原因及解决方法（深入分析惠普电脑开机时间异常问题，帮助您解决困扰）
- 电脑安装步骤顺序教程（轻松学会电脑安装，从零开始无障碍操作）
- 电脑系统安装教程（简明易懂的教程，助你快速掌握电脑系统安装技巧）
- 凤凰ATX370性能解析（一款高性能主板的终极选择）
- 联想小新电脑开启教程（简单易懂的操作指南，让你快速上手联想小新电脑）
- 系统还原（让你的计算机回到过去的辉煌状态，快速有效地还原系统）
- 电脑检测关键信号错误及其修复方法（解决关键信号错误的有效技巧与注意事项）
- 电脑显示系统内部错误的原因及解决方法（深入了解电脑显示系统内部错误，让你轻松解决各种问题）
- 解读电脑错误码UNEXPECTED的原因和解决方法（探究电脑错误码UNEXPECTED的背后故事和应对策略）
- 联想电脑蹦出clr错误，如何解决？（CLR错误可能导致的问题及解决方法）
- 三星Note3和iPhone5s拍照对比（以画质、色彩还原和功能性为考量，哪款手机更适合你？）
- 玩转CF电脑版，教你如何刷枪成为射击游戏高手（以CF电脑版为例，教你刷枪的技巧和步骤）
随便看看
企商汇IT资讯网益华科技源码下载IT技术网香港云服务器亿华云服务器租用源码库亿华云益强编程舍益华科技运维纵横极客码头亿华智造创站工坊云智核益华IT技术论坛编程之道科技前瞻云站无忧亿华智慧云码上建站益强资讯优选亿华灵动益强IT技术网码力社亿华互联益华科技亿华云计算益强智未来益强编程堂多维IT资讯全栈开发技术快报极客编程汇智坊益强科技亿华科技益强前沿资讯益强智囊团益强数据堂思维库
- Copyright © 2025 Powered by JS有哪些方式可以实现继承?,云智核 滇ICP备2023006006号-28sitemap