面向对象(继承)

面向对象(继承)

继承能解决代码的复用性,让代码更便捷的运用

当多个类中存在相同的属性(变量)和方法时,就可以使用继承来实现代码在不同类中
重复定义相同的属性或方法的繁琐性。
只需在父类中定义声明相同的方法/属性,所有的子类则无需在重新定义

1.子类会自动继承父类中的属性/方法
2.父类又叫超类或基类 而子类又叫派生类。

使用继承(extends)带来的好处:
代码的复用与扩展性都提高了,维护起来也跟便捷

注意细节:
子类继承父类所有的方法/属性时,非私有的属性和方法可以在子类中直接访问,但私有性的不能直接访问,
需要通过一个公有的方法去调用过渡私有性的属性/方法

例如:
A类中有 name属性 但 B类中也想要一个name的属性,可以通过 B类 extends A类 解决该问题
只需要在A类中定义属性或方法,如果B类需要相同的属性/方法直接调用 A类中的即可,不必重新在定义一次

如下代码演示:

ParentClass作为父类,在该类中定义需要的属性/方法
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在原生 JavaScript 中,可以通过构造函数和原型链来实现面向对象继承。具体实现方式如下: 1. 构造函数继承 构造函数继承是通过在子类构造函数中调用父类构造函数来实现的。这种方式的缺点是无法继承父类原型上的方法和属性。 ```javascript function Parent(name) { this.name = name; } function Child(name, age) { Parent.call(this, name); this.age = age; } var child = new Child('Tom', 18); console.log(child.name); // Tom console.log(child.age); // 18 ``` 2. 原型链继承 原型链继承是通过将子类的原型指向父类的实例来实现的。这种方式的缺点是所有子类实例共享父类实例上的属性和方法。 ```javascript function Parent() { this.name = 'parent'; } Parent.prototype.sayHello = function() { console.log('Hello'); }; function Child() {} Child.prototype = new Parent(); var child1 = new Child(); var child2 = new Child(); console.log(child1.name); // parent console.log(child2.name); // parent child1.sayHello(); // Hello child2.sayHello(); // Hello ``` 3. 组合继承 组合继承是将构造函数继承和原型链继承结合起来使用的一种方式。这种方式既可以继承父类实例上的属性和方法,也可以继承父类原型上的属性和方法。 ```javascript function Parent(name) { this.name = name; } Parent.prototype.sayHello = function() { console.log('Hello'); }; function Child(name, age) { Parent.call(this, name); this.age = age; } Child.prototype = new Parent(); Child.prototype.constructor = Child; var child = new Child('Tom', 18); console.log(child.name); // Tom console.log(child.age); // 18 child.sayHello(); // Hello ```

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值