JavaScript类中可直接用async声明实例或静态方法，自动返回Promise；constructor不可异步，需用init()替代；调用时须用await或.then()，注意this绑定问题。
JavaScript 中的 Class 可以直接在方法上使用 async 关键字声明异步方法，语法和普通函数一致，无需额外配置或包装。
async 方法可以直接写在 class 内部
类方法前加 async 即可，该方法会自动返回 Promise，调用时可用 await 或 .then() 处理。
class ApiClient {
constructor(baseURL) {
this.baseURL = baseURL;
}
// ✅ 正确：async 声明实例方法
async fetchUser(id) {
const res = await fetch(`${this.baseURL}/users/${id}`);
if (!res.ok) throw new Error('Network error');
return await res.json();
}
// ✅ 正确：async 声明静态方法
static async ping(url) {
const res = await fetch(url);
return res.status === 200;
}
}
调用 async 类方法要注意返回值是 Promise
即使方法内部用了 await，方法本身仍返回 Promise，不能直接拿到最终值。
JavaStoryDevelop
下载
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
- 要用
await（在 async 函数内）或.then()获取结果 - 错误需用
try/catch或.catch()捕获
const client = new ApiClient('https://api.example.com');
// ✅ 推荐：在 async 函数中 await 调用
async function run() {
try {
const user = await client.fetchUser(123);
console.log(user);
} catch (err) {
console.error(err.message);
}
}
// ✅ 也可链式调用
client.fetchUser(123)
.then(console.log)
.catch(console.error);
constructor 不能是 async 的
类的构造函数（constructor）**不能加 async**，因为 new 实例必须同步返回对象。如需异步初始化，应单独提供一个 init() 方法。
立即学习“Java免费学习笔记（深入）”；
class Database {
constructor() {
this.connected = false;
}
// ✅ 正确：分离初始化逻辑
async init() {
await this.connect();
this.connected = true;
}
async connect() {
// 模拟连接数据库
await new Promise(r => setTimeout(r, 100));
}
}
// 使用方式
const db = new Database();
await db.init(); // 等待初始化完成
注意 this 指向和箭头函数陷阱
类中的 async 方法默认绑定正确 this，但若赋值给变量或传入回调，可能丢失上下文。
- 避免
const fn = instance.asyncMethod;后直接调用（this会丢失） - 需要时用箭头函数包装，或用
bind，或在调用处用await instance.asyncMethod()
class Logger {
constructor(prefix) {
this.prefix = prefix;
}
async log(msg) {
console.log(`${this.prefix}: ${msg}`);
}
}
const logger = new Logger('[APP]');
// ❌ 错误：this 指向丢失
// const bad = logger.log;
// await bad('hello'); // TypeError: Cannot read property 'prefix' of undefined
// ✅ 正确：保持 this 绑定
await logger.log('hello'); // [APP]: hello
// ✅ 或显式 bind
const boundLog = logger.log.bind(logger);
await boundLog('world');
