angular - 箭头函数隐式返回自动用括号包裹

Question

我将 Visual Studio Code 与 Prettier 结合使用，功能如下:

(token: string) => this.token = token

变成:

(token: string) => (this.token = token)

我认为这会降低可读性......有办法避免这种情况吗？

Answer 1

这是由于不返回分配规则。参见 https://eslint.org/docs/rules/no-return-assign .

不管你怎么想，你的箭头函数等同于

(token: string) => {return this.token = token}

是的，那里有一个返回，并且由于分配而得到“美化”。

此规则的唯一两个选项是在出现括号时允许或始终不允许。

因此，要解决您的“可读性问题”，要么使用花括号，要么尝试禁用该规则(不推荐)。