es6的class类
时间: 2023-12-14 12:40:26 浏览: 110
ES6中引入了class关键字,使得JavaScript也有了类的概念。使用class定义一个类,类名的首字母通常应该大写。
类中可以定义构造函数、属性、方法等。其中构造函数用于初始化类的实例,属性用于存储类的状态,方法用于定义类的行为。
下面是一个简单的示例:
```
class Animal {
constructor(name) {
this.name = name;
}
sayName() {
console.log(`My name is ${this.name}`);
}
}
const cat = new Animal('Tom');
cat.sayName(); // 输出:My name is Tom
```
在上面的示例中,我们定义了一个Animal类,它有一个构造函数和一个sayName方法。通过new关键字创建一个Animal实例,并调用sayName方法输出它的名字。
另外,ES6中还可以使用extends关键字实现类的继承。例如:
```
class Cat extends Animal {
constructor(name, color) {
super(name);
this.color = color;
}
sayColor() {
console.log(`My color is ${this.color}`);
}
}
const tom = new Cat('Tom', 'black');
tom.sayName(); // 输出:My name is Tom
tom.sayColor(); // 输出:My color is black
```
在上面的示例中,我们定义了一个Cat类,它继承自Animal类,并新增了一个color属性和一个sayColor方法。通过super关键字调用父类的构造函数来初始化name属性。
阅读全文