ESLint 禁用 localStorage 和 sessionStorage

Question

有没有办法配置 ESLint 在代码使用localStorage或sessionStorage时抛出错误？

这是需要的，因为我使用第三方库进行存储，并且我希望所有存储都通过它完成。

我已经尝试搜索插件，但没有结果。

Answer 1

ESLint 目前没有这方面的规则。 id-blacklist只会阻止您使用指定的名称创建变量/函数。 有两个公开的规则提案可以让您这样做： no-restricted-globals和no-restricted-properties 。 但是您可以轻松创建一个插件来执行此操作，只需复制no-alert规则并将名称更改为localStorage和sessionStorage 。

Answer 2

我创建了一个ESlint 插件，它会在每次使用 sessionStorage 和 localStorage 时发出警报。

Answer 3

如果您想禁止所有localStorage.method()调用，您也可以使用no-restricted-syntax 。

'no-restricted-syntax': [
  'error',
  {
    selector: "CallExpression[callee.object.name='localStorage']",
    message: 'Do not use `localStorage` directly, use the storage wrapper instead',
  },
  {
    selector: "CallExpression[callee.object.name='sessionStorage']",
    message: 'Do not use `sessionStorage` directly, use the storage wrapper instead',
  },
],