js class 的方法编写
时间: 2024-06-08 07:11:17 浏览: 102
JS中使用class定义类,可以很方便地定义类的方法。类的方法可以声明为普通函数或箭头函数。下面是一个简单的例子:
```javascript
class Car {
constructor(brand) {
this.brand = brand;
}
start() {
console.log(`Starting ${this.brand}`);
}
stop = () => {
console.log(`Stopping ${this.brand}`);
}
}
let myCar = new Car("Tesla");
myCar.start(); // Starting Tesla
myCar.stop(); // Stopping Tesla
```
在上面的例子中,我们定义了一个Car类,它有一个构造函数和两个方法start和stop。其中start方法使用普通函数的语法,而stop方法使用了箭头函数的语法。注意,在类中使用箭头函数可以确保它们的this指向类的实例对象。我们还创建了一个myCar对象并调用了它的start和stop方法。
除了普通函数和箭头函数,类的方法还可以使用async/await。下面是一个例子:
```javascript
class MyAPI {
async getData(url) {
const response = await fetch(url);
const data = await response.json();
return data;
}
}
let api = new MyAPI();
api.getData("https://jsonplaceholder.typicode.com/todos/1").then(data => console.log(data));
```
在上面的例子中,我们定义了一个MyAPI类,它有一个异步方法getData,该方法使用了async/await语法来获取远程数据并返回它。我们还创建了一个api对象并调用它的getData方法,然后在控制台中打印返回的数据。