ESLint 报错：Expected parentheses around arrow function argument
在前端开发中，ESLint 是一个常用的代码检查工具，它可以帮助我们发现代码中的潜在问题，并提供修复建议。但是，在使用 ESLint 进行代码检查的过程中，我们可能会遇到一些报错信息，比如 “Expected parentheses around arrow function argument”（箭头函数参数应该加上括号）。
这个报错信息的意思是，箭头函数的参数应该加上括号，以便提高代码的可读性和可维护性。在本文中，我们将详细介绍这个报错信息的含义、原因和解决方法，并提供示例代码供大家参考。
报错信息的含义
ESLint 报错信息 “Expected parentheses around arrow function argument” 的含义是，箭头函数的参数应该加上括号。例如，下面的代码就会触发这个报错信息：
const func = arg => {
console.log(arg);
};报错信息的原因
箭头函数是 ES6 中的语法糖，它可以让我们更方便地定义函数，并且可以避免 this 指向的问题。但是，如果不加括号，箭头函数的参数会变得模糊不清，特别是当参数列表中有多个参数时。因此，ESLint 建议我们在箭头函数的参数列表中加上括号，以便提高代码的可读性和可维护性。
报错信息的解决方法
要解决 ESLint 报错信息 “Expected parentheses around arrow function argument”，我们只需要在箭头函数的参数列表中加上括号即可。例如，下面的代码就是一个修复后的示例：
const func = (arg) => {
console.log(arg);
};值得注意的是，如果箭头函数的参数列表只有一个参数，那么可以省略括号。例如，下面的代码就是合法的：
const func = arg => {
console.log(arg);
};示例代码
下面的代码展示了一个包含 ESLint 报错信息 “Expected parentheses around arrow function argument”的示例：
const func = arg => {
console.log(arg);
};我们可以通过在参数列表中加上括号来修复这个报错信息，例如：
const func = (arg) => {
console.log(arg);
};当然，如果参数列表只有一个参数，也可以省略括号，例如：
const func = arg => {
console.log(arg);
};总结
ESLint 是一个常用的代码检查工具，它可以帮助我们发现代码中的潜在问题，并提供修复建议。在使用 ESLint 进行代码检查的过程中，我们可能会遇到一些报错信息，比如 “Expected parentheses around arrow function argument”。这个报错信息的含义是，箭头函数的参数应该加上括号，以便提高代码的可读性和可维护性。要解决这个报错信息，我们只需要在箭头函数的参数列表中加上括号即可。如果参数列表只有一个参数，那么可以省略括号。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658a7285eb4cecbf2df9ff7e