ES6 语法详解(class关键字)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
<script type="text/javascript">
/**
* emmm, 写Java的一看就懂
* 1. 通过class定义类/实现类的继承
* 2. 在类中通过constructor定义构造方法
* 3. 通过new来创建类的实例
* 4. 通过extends来实现类的继承
* 5. 通过super调用父类的构造方法
* 6. 重写从父类中继承的一般方法
*/
// 通过class定义类
class Person {
// 定义构造方法
constructor(username, age) {
this.username = username
this.age = age
}
// 定义一般方法
info() {
return 'this is person class!'
}
}
// 通过new 创建
let person = new Person('Mr.flower', 18)
console.log(person)
// 调用类的方法
let info = person.info()
console.log(info)
// 通过extends继承父类
class Sub extends Person {
constructor(username, age, sex) {
// 通过super调用父类的构造方法
super(username, age)
this.sex = sex
}
// 重写父类的一般方法
info(){
return 'this is sub class!'
}
// 扩展自己的方法
personInfo(){
// 通过super调用父类的方法
return super.info()
}
}
let sub = new Sub('Mis.dance',18,'man')
console.log(sub)
console.log(sub.info())
console.log(sub.personInfo())
</script>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2021-08-16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读