流类型 - 未知类型的属性触摸中缺少声明预期键/值类型的索引签名

Question

我在输入事件时遇到问题。如果我这样做：

function(e: MouseEvent | TouchEvent) {
   const coords = e.touches ? e.touches[0].clientX : e.clientX
}

我收到此错误

 1. Cannot get e.clientX because property clientX is missing in TouchEvent
 2. Cannot get e.touches[0] because an index signature declaring the expected key / value type is
missing in property touches of unknown type 

感谢您的帮助。

Answer 1

在流程中，检查对象类型的方法不是验证某个属性是否存在，因为这并不总是正确的。相反，您想使用instanceof。

我稍微改变了你的函数，让它返回，但它应该是你要找的。​​p>

function getClientX(e: MouseEvent | TouchEvent): number {
  if (e instanceof TouchEvent) {
    return e.touches[0].clientX;
  }
  return e.clientX;
}