ESLint 错误提示：'Parsing error: Unexpected token =>' 的处理方法-JavaScript中文网-JavaScript教程资源分享门户

在日常前端开发中，我们经常会使用 ESLint 来进行代码规范检查和错误提示。但是，有时候我们会遇到错误提示：'Parsing error: Unexpected token =>'，这种错误看上去比较晦涩，该怎么处理呢？本篇文章将为大家详细介绍。

前置知识：箭头函数

在详细介绍处理方法之前，我们需要先了解一下箭头函数的概念。

在 ES6 中，我们可以使用箭头函数来定义函数，它的语法如下：

const func = (param1, param2, …, paramN) => {
  // 函数体
};

箭头函数相比于普通函数有很多优点，比如更加简洁明了，使用 this 关键字时也不会出现混乱等等。如果你对箭头函数还不够熟悉，可以先学习一下再前来阅读本文。

'Parsing error: Unexpected token =>' 错误提示的原因在于，ESLint 并不支持一些新的语法特性，例如箭头函数、let、const 等等。因此，如果在代码中使用了这些语法特性，ESLint 就会提示错误。

下面是一个箭头函数的示例代码：

const sayHello = (name) => {
  console.log(`Hello, ${name}!`);
}

当我们使用 ESLint 对其进行检查时，将会提示以下错误：

Parsing error: Unexpected token =>

这是因为 ESLint 并不支持箭头函数的语法。那么我们应该怎么处理这个错误呢？

要想使 ESLint 支持新的语法特性，我们需要使用一个叫做 babel-eslint 的插件。如果你之前没有使用过这个插件，可以依照以下步骤进行安装和配置：

npm install babel-eslint --save-dev

在 .eslintrc 文件中添加以下代码：

{
  "parser": "babel-eslint",
  "env": {
    "es6": true
  }
}

这段配置的意思是，使用 babel-eslint 作为解析器，并启用 ES6 环境。

配置好以上两步后，我们就可以愉快地使用箭头函数等新的语法特性了：

const sayHello = (name) => {
  console.log(`Hello, ${name}!`);
}

使用 ESLint 进行检查时，就不会再出现 'Parsing error: Unexpected token =>' 的错误提示了。

在本篇文章中，我们详细介绍了使用 ESLint 进行代码规范检查时，遇到 Parsing error: Unexpected token => 错误提示的处理方法。通过使用 babel-eslint 插件，我们可以使 ESLint 支持新的语法特性，避免出现这种错误。

当然，作为一名合格的前端开发者，我们还需要注重自己的代码质量和规范，尽量避免出现不规范的代码。只有这样，我们才能写出更加优秀、高效、易维护的代码。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6475d334968c7c53b02d49c2