@typescript-eslintno-unsafe- 规则的新 eslint 错误

1个回答

winy月

2025-06-13 11:25

typescript

使用typescript进行开发时，我们经常会遇到一些潜在的不安全操作，这可能导致程序在运行时出现意外的错误。为了帮助开发者更好地识别和修复这些问题，新的ESLint规则 @typescript-eslint/no-unsafe-* 被引入了。在本文中，我们将详细介绍这些规则，并提供一些案例代码来说明它们的使用方式和好处。

什么是 @typescript-eslint/no-unsafe-* 规则？
@typescript-eslint/no-unsafe-* 是一组ESLint规则，旨在捕捉一些潜在的不安全操作，以减少代码中的运行时错误。它们主要关注一些可能导致类型错误、空指针异常或安全漏洞的操作。这些规则对于那些希望提高代码质量和可靠性的开发者来说是非常有用的。
示例代码
让我们通过一些示例代码来说明 @typescript-eslint/no-unsafe-* 规则的使用方式。假设我们有一个简单的函数，它接收一个字符串参数，并尝试将其转换为数字。然后，我们将使用这个函数来演示其中的一些规则。
typescript
function convertToNumber(value: string): number {
return parseInt(value);
}
const input = "42";
const result = convertToNumber(input);
console.log(result);
避免使用 @typescript-eslint/no-unsafe-assignment
首先，让我们看看 @typescript-eslint/no-unsafe-assignment 规则。这个规则旨在捕捉一些不安全的赋值操作，可能导致类型错误或空指针异常。在我们的示例代码中，我们可以看到对 input 的赋值操作是安全的，因为它是一个字符串。但是，如果我们将其改为 null，就会触发这个规则的错误：
typescript
const input = null; // 触发 @typescript-eslint/no-unsafe-assignment 错误
避免使用 @typescript-eslint/no-unsafe-call
接下来，让我们来看看 @typescript-eslint/no-unsafe-call 规则。这个规则旨在捕捉一些不安全的函数调用，可能导致类型错误或安全漏洞。在我们的示例代码中，我们调用了 convertToNumber 函数来将字符串转换为数字。这个调用是安全的，因为我们知道输入是一个有效的数字字符串。但是，如果我们将其改为一个非数字字符串，就会触发这个规则的错误：
typescript
const input = "Hello"; // 触发 @typescript-eslint/no-unsafe-call 错误
避免使用 @typescript-eslint/no-unsafe-member-access
最后，让我们来看看 @typescript-eslint/no-unsafe-member-access 规则。这个规则旨在捕捉一些不安全的成员访问操作，可能导致类型错误或空指针异常。在我们的示例代码中，我们访问了 result 变量的成员 toFixed，这是一个安全的操作，因为我们知道 result 是一个有效的数字。但是，如果我们将其改为一个未定义的变量，就会触发这个规则的错误：
typescript
const input = "42";
const result = convertToNumber(input);
console.log(result.toFixed(2)); // 触发 @typescript-eslint/no-unsafe-member-access 错误

@typescript-eslint/no-unsafe-* 规则是一组有用的ESLint规则，可帮助我们在开发过程中捕捉一些潜在的不安全操作。通过避免不安全的赋值、函数调用和成员访问，我们可以减少代码中的运行时错误，提高程序的可靠性和稳定性。因此，在开发过程中，我们应该始终关注和修复这些问题，以确保我们的代码质量和安全性。
希望本文对你理解 @typescript-eslint/no-unsafe-* 规则有所帮助，并在你的开发工作中提供一些指导。祝你编写出高质量、可靠的typescript代码！

举报有用（4）分享收藏

@typescript-eslintno-unsafe- 规则的新 eslint 错误

1个回答

winy月

热门话题

相关问题