在 ArkTS 中,Promise 的使用比 TypeScript 更严格(必须显式指定泛型类型)

在 ArkTS 中,Promise 的使用比 TypeScript 更严格(必须显式指定泛型类型)。以下是完整用法:

1. 基本创建

typescript 复制代码
// ✅ 显式指定泛型类型
const p1 = new Promise<string>((resolve, reject) => {
  resolve('success');  // 类型必须是 string
});

const p2 = new Promise<void>((resolve) => {
  setTimeout(() => resolve(), 1000);  // 无返回值用 void
});

2. 链式调用

typescript 复制代码
fetchData()
  .then((data: string) => {           // 类型必须标注
    return data.toUpperCase();
  })
  .then((upper: string) => {
    console.log(upper);
  })
  .catch((err: Error) => {            // 错误类型建议标注
    console.error(err);
  })
  .finally(() => {                    // finally 无参数
    console.log('done');
  });

3. 静态方法

typescript 复制代码
// Promise.resolve - 必须带泛型
const resolved = Promise.resolve<string>('ok');

// Promise.reject - 必须带泛型
const rejected = Promise.reject<never>(new Error('fail'));

// Promise.all - 所有泛型都要显式写
const [a, b] = await Promise.all<string, number>([
  Promise.resolve<string>('hello'),
  Promise.resolve<number>(42)
]);

// Promise.allSettled
const results = await Promise.allSettled<string, number>([
  Promise.resolve<string>('ok'),
  Promise.reject<number>(new Error('fail'))
]);

// Promise.race
const winner = await Promise.race<string, number>([
  fetchString(),    // Promise<string>
  fetchNumber()     // Promise<number>
]);

// Promise.any
const firstSuccess = await Promise.any<string, number>([
  Promise.reject<string>(new Error('fail1')),
  Promise.resolve<number>(123)
]);

4. 与 async/await 配合

typescript 复制代码
async function fetchUser(): Promise<User> {   // 返回类型必须写
  try {
    const response = await httpRequest();     // await 正常用
    return response as User;
  } catch (error) {
    // 错误处理
    throw error;
  }
}

5. 泛型嵌套(注意层层标注)

typescript 复制代码
// Promise 里包 Promise
const nested = Promise.resolve<Promise<string>>(
  Promise.resolve<string>('deep')
);

// 数组类型
const list = Promise.resolve<Array<string>>(
  ['a', 'b', 'c']
);

6. 鸿蒙特定 API 中使用

typescript 复制代码
import { promptAction } from '@kit.ArkUI';
import { http } from '@kit.NetworkKit';

// 把回调式 API 包装为 Promise
function showDialog(): Promise<boolean> {
  return new Promise<boolean>((resolve) => {
    promptAction.showDialog({
      message: '确定删除?',
      buttons: [{ text: '确定' }, { text: '取消' }]
    }, (err, result) => {
      resolve(result.index === 0);
    });
  });
}

关键规则总结

规则 说明
泛型必须显式 new Promise<T>()Promise.resolve<T>(),T 不能省略
回调参数标注 .then((val: Type) => ...) 建议标注类型
async 返回类型 async function(): Promise<T> 必须写
无返回值用 void new Promise<void>()

一句话记忆 :ArkTS 中只要看到 <>,里面的类型必须你自己写,编译器绝不帮你猜。

相关推荐
洋子27 分钟前
Yank Note 系列 13 - 让 AI Agent 进入笔记工作流
前端·人工智能
wenzhangli73 小时前
Ooder A2UI 核心架构深度解析:WEB 拦截层的设计与实现
前端·架构
前端百草阁3 小时前
【前端性能优化全链路指南】从开发编写到构建运行的多维度实践
前端·性能优化
神探小白牙3 小时前
eCharts 多系列柱状图增加背景图
javascript·ecmascript·echarts
女生也可以敲代码3 小时前
AI时代下的50道前端开发面试题:从基础到大模型应用
前端·面试
ZhengEnCi4 小时前
M5-markconv自定义CSS样式指南 📝
前端·css·python
IT_陈寒4 小时前
SpringBoot自动配置的坑差点让我加班到天亮
前端·人工智能·后端
xingpanvip4 小时前
星盘接口开发文档:星相日历接口指南
android·开发语言·前端·css·php·lua
@PHARAOH4 小时前
WHAT - GitLens supercharged 插件
前端
TT模板4 小时前
苹果cms整合西瓜播放器XGplayer插件支持跳过片头尾
前端·html5