189 8069 5689
JavaScript中实现继承的方式有哪些，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。
泰来网站建设公司成都创新互联公司,泰来网站设计制作，有大型网站制作公司丰富经验。已为泰来1000多家提供企业网站建设服务。企业网站搭建\外贸营销网站建设要多少钱，请找那个售后服务好的泰来做网站的公司定做！
继承是面向对象编程中的一个重要概念，通过继承可以使子类的实例拥有在父类中定义的属性和方法。
function UserBase(){ } function User(){ } User.prototype = new UserBase();将父类的实例作为子类的原型。
(1)不能向构造函数传参，无法实现多继承
(2)来自原型对象的引用属性是所有实例共享的
实际上使用父类的构造函数来增强子类，等于是把父类的构造函数复制给子类。
function UserBase(){ } function User(userName) { UserBase.call(this); this.userName = userName; } let user = new User("鬼鬼") user.userName;优点：
(1)可以向构造函数传参数
(2)可以实现多继承，多call几个
缺点：
(1)无法实现函数复用
(2)只能继承父类的属性和方法，不能继承父类的原型
为父类实例添加新属性，作为子类实例返回。
function UserBase(){ } function User(userName) { let userBase = new UserBase(); userBase.userName = userName; return userBase; } let user = new User("鬼鬼") user.userName;缺点：无法实现多继承
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循环来拷贝父类属性/方法
不可枚举方法拷贝不了
通过调用父类构造函数，继承了父类的属性，并保留了传参的优点。
然后再将父类实例作为子类原型，实现了函数复用。
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)可传参，函数可复用
缺点：
调用了两次父类构造函数
通过寄生的方式，去掉了父类的实例属性，在调用父类构造函数时，
就不会初始化两次实例方法，避免了组合继承的缺点
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();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();看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。