类的继承
1 子承父业
extends（继承父类的普通函数）（方法）
我要评论
class father {
constructor() {
}
money() {
console.log(100);
}
}
class son extends father {
}
class sunzi extends son {
}
var yxf = new father;
var lbw = new son;
var bb = new sunzi;
console.log(yxf.money());
console.log(lbw.money());
console.log(bb.money());
super的用法
用于访问和调用对象父类上的函数。可以调用父类的构造函数，也可以调用父类的普通函数（方法）
class father1 {
constructor(x,y) {
this.x = x;
this.y = y;
}
sum() {
console.log(this.x + this.y);
}
}
class son1 extends father1 {
constructor(x,y){
super(x,y);
}
}
var yxf = new son1(1,2);
yxf.sum();
super关键字调用就近原则
<script>
//super关键字调用父类普通函数
class father {
say() {
return '我是爸爸';
}
}
class son extends father {
say() {
// return '我是儿子';
console.log( super.say());
}
}
var yxf = new son();
yxf.say();//返回结果：我是儿子 就近原则
//继承中的属性或方法查找原则：就近原则
//1.继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类；
//2.继承中，如果子类里面没有，就去查找父类有没有如果有就用父类
</script>
子类继承父类，同时扩展自己的方法
注意：子类子构造函数使用super 必须放到this的前面（必须先调用父类的构造方法 再使用子类的构造方法）父亲永远是第一位的！！！！
<script>
class father {
constructor(x,y){
this.x = x;
this.y = y;
}
sum() {
console.log(this.x + this.y);
}
}
// 子类继承父类加法 同时扩展减法
class son extends father {
constructor(x,y) {
//利用super调用父类的构造函数
//super 必须在子类this之前调用
super(x,y);
this.x = x;
this.y = y;
}
sub() {
console.log(this.x - this.y);
}
}
var son = new son(1,2);
son.sum();
son.sub();
</script>
<script>
//super关键字调用父类普通函数
class father {
say() {
return '我是爸爸';
}
}
class son extends father {
say() {
// return '我是儿子';
console.log( super.say());
}
}
var yxf = new son();
yxf.say();//返回结果：我是儿子 就近原则
//继承中的属性或方法查找原则：就近原则
//1.继承中，如果实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类；
//2.继承中，如果子类里面没有，就去查找父类有没有如果有就用父类
</script>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。
如对本文有疑问， 点击进行留言回复！！
【JavaScript笔记（一）】万丈高楼平地起 - 基本概念篇
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json？Protocol Buffer？FlatBuffers？
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
网友评论