ESLint 无法校验 ES6 中对象解构的语法
在前端开发中, JavaScript 是一种最基础的语言, 但是随着时间的推移, JavaScript 的语法也在不断的更新升级。ES6 是 JavaScript 的一个重大版本更新，它的引入，大量改善了 JavaScript 的语法和功能。
在 ES6 中，引入了一些新的语法，如箭头函数，模板字符串等等，这些语法使得代码更加简洁和易读。但是，有一些语法使用起来有些棘手，其中之一就是对象解构语法。
对象解构是 ES6 中一项非常强大的解构语法。它可以使我们从一个对象中直接获取并声明多个变量。例如，对象中有属性 name 和 age，我们可以通过解构将他们分别赋值给变量 myName 和 myAge。
示例代码如下：
----- ----- - - ----- ------- ---- -- -- ----- - ----- ------- ---- ----- - - ------ -------------------- -- ------ ------------------- -- --
然而，当我们使用 ESLint 进行代码校验时，会发现 ESLint 并没有对对象解构的语法进行校验。这是因为 ESLint 默认是不会支持 ES6 语法的。为了解决这个问题，我们可以使用 ESLint 的一个插件 "eslint-plugin-babel" 。
它可以支持 ES6 语法和 babel-parser。我们只需要安装该插件并启用对对象解构语法的校验即可。
安装命令如下：
--- ------- ------------------- --
在 eslint 配置文件中添加下面的配置即可：
-
---------- -
-------
--
-------- -
----------------------------- -------
-
-添加了这些配置后，ESLint 就能检测对象解构语法并给出警告了。
总结
虽然 ESLint 默认不支持 ES6 语法，但它通过插件的形式，支持我们去校验 ES6 代码中的各种语法，包括对象解构语法。
对于开发者来说，在编写代码的时候，不仅要注重代码的功能和逻辑，还要注重代码的质量和规范化。ESLint 的作用就在于此，使我们的代码更加规范和易读，降低代码出现问题的风险。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f486d7f6b2d6eab3d80a67