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',
  },
],