TS 使用 Promise

2023年3月2日小于 1 分钟

TS 使用 Promise

如果我们不指定返回的类型,ts 是推断不出来Promsie返回的是什么类型的,会返回unkonwn

function sleep(time: number) {
	return new Promise((resolve, reject) => {
		setTimeout(() => {
			resolve(time)
		}, time)
	})
}

image-20230301220836756

把上面的代码改为如下即可:

function sleep(time: number): Promise<number> {
	return new Promise<number>((resolve, reject) => {
		setTimeout(() => {
			resolve(time)
		}, time)
	})
}

image-20230301221037854

当我们在 ts 文件中使用Promise时,可能会报如下错误:

  • “Promise” 仅指类型,但在此处用作值。是否需要更改目标库? 请尝试将 “lib” 编译器选项更改为 es2015 或更高版本。
  • 'Promise' only refers to a type, but is being used as a value here. Do you need to change your target library? Try changing the 'lib' compiler option to es2015 or later.

当出现这样的错误时,可以修改tsconfig.json配置文件,如下:

{
	"compilerOptions": {
		// 方式一,指定 target 为 ES6 或者 ES2015
		"target": "ES6", // 指定TS被编译为的JS版本

		// 方式二,添加 ES2015.Promise
		"lib": ["ES2015.Promise", "ES5", "DOM"] // 用来指定项目中要使用的库,这里可以解决 ts 中使用 Promise 报错的问题
	}
}
上次编辑于: 2023/3/3 05:44:30