使用返回多种类型的函数

Question

我很难使用返回多种类型的函数：

这是一个例子

function returnM(x: Number): Number | { a: Number; b: Number } | undefined {
  if (x < 10) {
    return undefined;
  } else {
    return x;
  }
}
let result: any = returnM(3);

switch (result) {
  case undefined: {
    // do NNN
    break;
  }
  // case Number do XXX
  // case Object {a: Number, b: Number } do YYY
}

console.log(result);

我试图找到一种优雅的方式来检查返回的特定类型，然后采取相应的行动。

甚至必须设置“结果：任何”都感觉有点像黑客。

处理这个问题的最佳方法是什么？

Answer 1

您应该使用number而不是Number 。

function returnM(x: number): number | { a: number; b: number } | undefined {
  if (x < 10) {
    return undefined;
  } else {
    return x;
  }
}

let result = returnM(3);

switch (typeof result) {
  case "undefined": {
    result // type: undefined
    break;
  }
  case "number": {
    result // type: number
    break;
  }
  case "object": {
    result // type: { a: number; b: number }
    break;
  }
}

Answer 2

如果您的返回类型看起来与您的演示代码完全一样，那么switch(typeof result)是可能的：

function returnM(x: Number): Number | { a: Number; b: Number } | undefined {
  if (x < 10) {
    return undefined;
  } else if(x < 20) {
    return {"a":10,"b":Number(x)-10};
  } else {
    return x;
  }
}
let result: any = returnM(Math.random()*40);

switch (typeof result) {
  case "undefined":
    console.log("undefined is returned");
    break;
  case "number":
    console.log("A number is returned");
    break;
  case "object":
    console.log("An object is returned");
}

console.log(result);

网上游乐场