PhpStorm：未解析的变量 readyState

Question

我正在使用this code 向我的所有表格添加过滤器字段。这个过滤器是使用 JavaScript 添加到我的导航栏的。

  // Table filter.
  // Source: https://codepen.io/chriscoyier/pen/tIuBL
  (function(document) {
    'use strict';

    var LightTableFilter = (function(Arr) {

      var _input;

      function _onInputEvent(e) {
        _input = e.target;
        var tables = document.getElementsByClassName(_input.getAttribute('data-table'));
        Arr.forEach.call(tables, function(table) {
          Arr.forEach.call(table.tBodies, function(tbody) {
            Arr.forEach.call(tbody.rows, _filter);
          });
        });
      }

      function _filter(row) {
        var text = row.textContent.toLowerCase(), val = _input.value.toLowerCase();
        row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
      }

      return {
        init: function() {
          var inputs = document.getElementsByClassName('light-table-filter');
          Arr.forEach.call(inputs, function(input) {
            input.oninput = _onInputEvent;
          });
        }
      };
    })(Array.prototype);

    document.addEventListener('readystatechange', function() {
      if (document.readyState === 'complete') {
        LightTableFilter.init();
      }
    });

  })(document);

代码本身完美运行。

但是，PhpStorm 向 document.readyState 添加了一条警告，指出它是 unresolved variable。

PhpStorm 是否缺少某些信息？我昨天下载安装了，应该是最新版本。

---

我通过替换以下代码来修复它：

document.addEventListener('readystatechange', function() {
  if (document.readyState === 'complete') {
    LightTableFilter.init();
  }
});

有了这个：

  document.addEventListener("DOMContentLoaded", function (event) {
      LightTableFilter.init();
  })

Answer 1

好吧，你为什么认为 PhpStorm 会自动知道你的 document 变量是 document 的浏览器实例？没错，readyState 在浏览器中是 document 的属性，但对于 PhpStrom 来说，它是 unresolved，因为它没有被初始化。