HTML/Html-Javascript/25-类的继承.html
2023-05-01 19:37:40 +08:00

57 lines
1.3 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//面向对象:封装, 继承 多态
// class 类名{}
class Animal {
//类的初始化 接受初始化的参数
constructor( Aname ,shengaoPJ ,miaosu){
//设置属性
this.Aname =Aname;
this.shengaoPJ= shengaoPJ;
this.miaosu=miaosu;
}
//设置方法
hit = (itx="别人")=>{
console.log(`${this.name}打->${itx}`);
}
//设置私有属性
static v =function() {
return "1.2.3"
};
// 注意 低版本的浏览器内核不支持
static xxx = "xxx";
}
//初始化个体奥特曼
class Ultraman extends Animal {
constructor(Cname,shengaoPJ,jiesao){
//父类 的初始化 可给父类传参
super("奥特曼",80,"来自光之国的打怪头");
this.Cname=Cname;
this.shengaoPJ=shengaoPJ;
this.jiesao=jiesao;
}
}
let zeta = new Ultraman("泽塔",90,"来自光之国的打怪头");
console.log(zeta);
</script>
</body>
</html>