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，因为它未初始化。

PhpStorm：未解析的变量readyState

1 个答案: