es6 class类使用
时间: 2024-06-16 12:03:00 浏览: 9
ES6引入了class关键字,使得JavaScript可以更方便地使用面向对象编程。下面是ES6 class类的使用介绍:
1. 定义类:
使用class关键字定义一个类,类名通常首字母大写。类可以包含构造函数、方法和属性。
```javascript
class MyClass {
constructor() {
// 构造函数
}
method() {
// 方法
}
property = value; // 属性
}
```
2. 创建对象:
使用`new`关键字创建类的实例对象。
```javascript
const myObject = new MyClass();
```
3. 构造函数:
构造函数是一个特殊的方法,用于初始化对象的属性。在创建对象时自动调用。
```javascript
class MyClass {
constructor(name) {
this.name = name;
}
}
const myObject = new MyClass("Alice");
console.log(myObject.name); // 输出 "Alice"
```
4. 方法:
类中的方法定义在类的原型上,可以通过实例对象调用。
```javascript
class MyClass {
method() {
console.log("Hello");
}
}
const myObject = new MyClass();
myObject.method(); // 输出 "Hello"
```
5. 继承:
使用`extends`关键字实现类的继承。子类可以继承父类的属性和方法,并可以添加自己的属性和方法。
```javascript
class ChildClass extends ParentClass {
constructor() {
super(); // 调用父类的构造函数
}
childMethod() {
// 子类的方法
}
}
```
6. 静态方法:
使用`static`关键字定义静态方法,静态方法属于类本身而不是实例对象。
```javascript
class MyClass {
static staticMethod() {
console.log("Static method");
}
}
MyClass.staticMethod(); // 输出 "Static method"
```