如何防止非类TypeScript接口上的"@typescript-eslint/unbound方法“错误？
如何防止非类TypeScript接口上的"@typescript-eslint/unbound方法“错误？
提问于 2020-07-12 18:20:01
下面的代码不使用类或this。如何防止仅函数(没有类)代码中的类型标-eslint错误？我知道我可以在全局上禁用这个规则，但是这个规则对于类代码很有用。我知道我一次可以禁用它一行，但是考虑到在TS接口中定义回调函数是多么的常见，这似乎是一件痛苦的事情。还有别的办法吗？
下面是一个简单的问题示例：
interface FooProps {
bar(): void;
}
export function foo(props: FooProps) {
const { bar } = props;
// ^^^ Avoid referencing unbound methods which may cause unintentional scoping of `this`.
// eslint(@typescript-eslint/unbound-method)
return bar;
}回答 1
Stack Overflow用户
发布于 2020-07-12 18:20:01
通过简单地将bar(): void替换为bar: () => void，这个问题非常容易解决。
示例：
interface FooProps {
bar: () => void;
}
export function foo(props: FooProps) {
const { bar } = props; // no lint error
return bar;
}我一直想知道为什么TypeScript接口的函数值成员有两个不同的语法。我一直以为这两种语法都有相同的意思。现在我更清楚了：bar(): void语法显然意味着“类成员函数”，而bar: () => void则表示“不使用this的函数值属性”。
在这里留下一对问答，这样下一个受害者就不会像我一样浪费半个小时。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62864908
复制相关文章
相似问题
腾讯云开发者
