<script>
// ---------------------------------------------类的属性和方法-------------------------------------------------------------------
class Person {
static id = 1001 // 创建静态属性(不能被实例对象调用的属性)
constructor(name, age) {
// class的属性
this.name = name;
this.age = age;
}
// class的方法
sayHi() {
console.log(`我的名字叫${this.name}`);
}
}
const p1 = new Person('张三', 13) // 创建一个实例对象
console.log(p1); // Person {name: '张三', age: 13}
// 实例对象调用方法
p1.sayHi(); // 我的名字叫张三
// ---------------------------------------------类的继承-------------------------------------------------------------------------
// 创建一个Child类,继承Person
class Child extends Person {
constructor(name, age, gender) {
// 继承Person的name,age属性,以及sayHi方法
super(name, age);
this.gender = gender;
}
}
const c1 = new Child('李四', 14, '男');
console.log(c1); // Child {name: '李四', age: 14, gender: '男'}
c1.sayHi(); // 我的名字叫李四
</script>
ES6 class
最新推荐文章于 2024-09-13 23:32:49 发布
这篇文章展示了JavaScript中如何定义类(如Person)及其属性和方法,包括静态属性和实例方法。然后,它演示了类的继承概念,创建了一个Child类,继承了Person类的属性和方法,并添加了新的属性(gender)。最后,通过实例化这些类并调用它们的方法来说明其工作原理。
摘要由CSDN通过智能技术生成