PhpStorm 发出奇怪的信息答案

【问题标题】：PhpStorm gives strange messagePhpStorm 发出奇怪的信息
【发布时间】：2020-03-24 11:57:01
【问题描述】：

我的 PhpStorm 在我的 JavaScript 代码上给出了一条奇怪的错误消息（我是新手）。无论如何，我非常有信心我的代码是正确的。但是 PhpStorm 仍然给我一个错误信息

未解析的变量 valueAsDate

有什么我可以做得更好的建议吗？

const startElement = document.querySelector('#date_start');

let startDate_oldValue;

startElement.addEventListener('focus', function (event) {
    console.log(event);
    startDate_oldValue = event.target.valueAsDate;
});

【问题讨论】：

HTML 元素没有原生 valueAsDate 属性。您是否已将其添加为自定义属性？
valueAsDate 和 value 在 PhpStorm 中具有相同的问题，但在 Chrome 和 console.log(event) 中都可以正常工作，并且在控制台中显示这两个属性。

标签： javascript error-handling phpstorm target

【解决方案1】：

IDE 不知道您的目标元素是什么，并且EventTarget 接口没有valueAsDate 属性。您需要明确告诉 IDE 您的目标 HTMLElement 的类型，例如：

startElement.addEventListener('focus', function (event) {
    console.log(event);
    const myEl = /** HTMLInputElement*/ event.target;
    startDate_oldValue = myEl.valueAsDate;
});

【讨论】：