使用 JavaScript 定义类135

在 JavaScript 中，可以通过使用类（class）关键字来定义一个类。类是用于创建对象的模板，它定义了对象的属性和方法。

定义类的语法```
class ClassName {
// 类属性
property1;
property2;
// 类方法
methodName1() {}
methodName2() {}
}
```

类属性

类属性是属于类的变量。它们可以通过使用 `this` 关键字在类的方法中访问。```
class Person {
// 类属性
name;
age;
// 类方法
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
}
```

类方法

类方法是属于类的函数。它们可以通过使用 `this` 关键字在类的方法中访问类属性。```
class Person {
// 类属性
name;
age;
// 类方法
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
}
const person = new Person();
= "John";
= 30;
(); // 输出: Hello, my name is John and I am 30 years old.
```

构造函数

构造函数是一个在创建类的新实例时自动调用的特殊方法。它用于初始化类属性。```
class Person {
// 类属性
name;
age;
// 构造函数
constructor(name, age) {
= name;
= age;
}
// 类方法
greet() {
(`Hello, my name is ${} and I am ${} years old.`);
}
}
const person = new Person("John", 30);
(); // 输出: Hello, my name is John and I am 30 years old.
```

类的继承

JavaScript 支持类的继承。子类可以继承父类的属性和方法，并可以定义自己的属性和方法。```
class Animal {
// 类属性
name;
// 类方法
eat() {
(`${} is eating.`);
}
}
class Dog extends Animal {
// 类属性
breed;
// 类方法
bark() {
(`${} is barking.`);
}
}
const dog = new Dog();
= "Spot";
= "Golden Retriever";
(); // 输出: Spot is eating.
(); // 输出: Spot is barking.
```

类的实例

要创建类的实例，需要使用 `new` 关键字。```
class Person {
// 类属性
name;
age;
// 构造函数
constructor(name, age) {
= name;
= age;
}
}
const person = new Person("John", 30);
```

在 JavaScript 中使用类可以创建可重用的对象模板。类可以包含属性和方法，并支持继承和实例化。

2024-12-31

上一篇：javascript 对象 this

下一篇：VS 调试 JavaScript 的技巧和窍门