Unexpected aliasing of ‘this‘ to local variable.

最新推荐文章于 2024-11-15 11:45:20 发布

莫逸雪

最新推荐文章于 2024-11-15 11:45:20 发布

阅读量1w

点赞数 6

分类专栏：前端问题汇总文章标签： typescript javascript vue.js

本文链接：https://blog.youkuaiyun.com/qq_40636998/article/details/124937169

版权

前端问题汇总专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在TypeScript项目中遇到的ESLint报错：全局this与局部变量混淆的问题。解决方法是在.eslintrc.js配置文件中添加规则，允许特定的局部变量名使用this。遵循eslint官方建议，设置`@typescript-eslint/no-this-alias`规则，禁止解构赋值并允许`self`作为this的别名。修复此问题后，需要更新代码中所有不符合规范的局部this变量名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错原因：怕全局“this”与局部变量发生混叠。
在这里插入图片描述
解决：按照eslint官方给出的解决方式在.eslintrc.js文件中备注this可用的局部变量名称

{
  "@typescript-eslint/no-this-alias": [
    "error",
    {
      "allowDestructuring": false, // Disallow `const { props, state } = this`; true by default
      "allowedNames": ["self"] // Allow `const self = this`; `[]` by default
    }
  ]
}

修改完成后要修改对应文件内局部this变量名称即可
在这里插入图片描述