三种不同继承方式的优缺点

1,原型继承

function Peoper(name, age) {

this.name = name

this.age = age

}

function Student(name, age) {

}

Student.prototype = new Peoper("继承姓名", "继承年龄")

var S1 = new Student("张三", 18)

console.log(S1)

输出的结果为 继承姓名 继承年龄

缺点 所有属性的值 只和创建时一致,无法改变

2,冒充继承

通过改变this的指向性实现继承方法

function Peoper(name, age) {

      this.name = name

      this.age = age

    }

    Peoper.prototype.move = function () {

      console.log(`${this.name}正在走`)

    }

    Peoper.prototype.eat = function () {

      console.log(`${this.name}正在吃`)

    }

    function teath(name, age) {

      Peoper.call(this, name, age)

    }

    var t1 = new teath("李四", 67)

    t1.move()

    console.log(t1)

缺点:无法继承原型函数

3、组合继承

 function Peoper(name, age) {

      this.name = name

      this.age = age

    }

    Peoper.prototype.move = function () {

      console.log(`${this.name}正在走`)

    }

    Peoper.prototype.eat = function () {

      console.log(`${this.name}正在吃`)

    }

    function teath(name, age) {

      Peoper.call(this, name, age)

    }

    teath.prototype = new Peoper()

    var t1 = new teath("李四", 67)

    t1.move()

    console.log(t1)

使用组合继承将两者的优点结合 是最优的解决方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中实现继承方式有以下几种: 1. 原型链继承 优点:简单方便,易于理解和实现。 缺点:父类的引用属性会被多个实例共享,可能会出现意外修改;子类无法向父类构造函数传递参数。 示例代码: ```javascript function Animal() { this.species = 'animal'; } function Cat() {} Cat.prototype = new Animal(); ``` 2. 借用构造函数继承 优点:可以在子类构造函数中向父类构造函数传递参数;解决了父类引用属性被多个实例共享的问题。 缺点:无法实现函数的复用。 示例代码: ```javascript function Animal(name) { this.name = name; } function Cat(name) { Animal.call(this, name); } ``` 3. 组合继承 优点:综合了原型链继承和借用构造函数继承的优点,既可以实现函数的复用,又可以向父类构造函数传递参数。 缺点:父类构造函数会被调用两次,造成了一些不必要的消耗。 示例代码: ```javascript function Animal(name) { this.name = name; } Animal.prototype.sayHello = function() { console.log('Hello, my name is ' + this.name); }; function Cat(name) { Animal.call(this, name); } Cat.prototype = new Animal(); Cat.prototype.constructor = Cat; ``` 4. 原型式继承 优点:简单方便,可以在不必创建构造函数的情况下实现继承。 缺点:引用属性会被共享,可能会造成意外修改。 示例代码: ```javascript function createObject(obj) { function F() {} F.prototype = obj; return new F(); } var animal = { species: 'animal' }; var cat = createObject(animal); ``` 5. 寄生式继承 优点:可以在不必创建构造函数的情况下实现继承,可以为对象添加专门的方法。 缺点:引用属性会被共享,可能会造成意外修改。 示例代码: ```javascript function createObject(obj) { var clone = Object.create(obj); clone.sayHello = function() { console.log('Hello, my name is ' + this.name); }; return clone; } var animal = { species: 'animal' }; var cat = createObject(animal); ``` 总体来说,不同继承方式各有优缺点,应根据具体的需求来选择合适的方式

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值