javascript - typescript 。检查未知类型的变量中是否存在方法/属性

Question

TS v3.x 带来了新类型:unknown。但如何轻松使用此类型而不是 any 还不是很清楚。示例:您正在使用一些没有类型的第三方库。而且您没有时间自己编写这些类型。您需要处理该库提供的一些数据。

在未知之前:

function handle(data: any) {
   if (data && data.arrayProp && typeof data.arrayProp[Symbol.iterator] === 'function') {
       for (let x of data.arrayProp) {...}
   }
}

未知:

function handle(data: unknown) {
   // this line gives TS error: `data` is unknown type
   if (data && data.arrayProp && typeof data.arrayProp[Symbol.iterator]=== 'function') {  
...

互联网上的大多数文档都使用 instanceof 方法来检查 data 的类型。但我并不真正感兴趣 data 的类型。我想知道的是那里是否有 arrayProp 。就是这样

如何使用未知类型执行此操作？

Answer 1

unknown 的问题在于，您必须先缩小其类型，然后才能使用它。您可以为此使用自定义类型保护:

interface ArrayProp {
  arrayProp: []
}
function isArrayProps(value: unknown): value is ArrayProp {
  return !!value && !!(value as ArrayProp).arrayProp;
}

function handle(data: unknown) {
   if (isArrayProps(data) && typeof data.arrayProp[Symbol.iterator] === 'function') {
   }
}

Playground