错误：“类型'（num：number）=> number'不可分配给类型'number'。（2322）”

Question

当我有这样的功能时，我不会抱怨：

const roundToTwo = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2");
};

当我将鼠标悬停在 VS Code 中的函数名称上时，我可以看到它正在返回一个数字：const roundToTwo: (num: number) => number。

但是当我尝试像这样定义返回类型时：

const roundToTwo: number = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2");
};

我收到此错误：

Type '(num: number) => number' is not assignable to type 'number'.

为什么会这样或者我做错了什么？

Answer 1

由于你是confused by both the syntax and semantics，所以我提供了详细的解释。

roundToTwo 是函数类型，不是数字

鉴于此定义：

const roundToTwo = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2")
}

这是roundToTwo 的实际（并正确推断）类型：

(num: number) => number

为什么？因为roundToTwo 是function type，而不是数字。类型是从分配给它的函数表达式中推断出来的。请记住，在 Javascript 中，函数是第一类对象。同样，在 Typescript 中，它们是一流的类型。

但是const roundToTwo: number 给它的类型是number

那是您在新定义开始时错误地做的事情。您说“roundToTwo 是一个数字”，然后您尝试为其分配一个函数，得到预期的类型错误：

const roundToTwo: number = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2")
}

// compare the above to:
const roundToTwo: number = 2
const n: number = 2

无需显式输入

完全没有必要显式键入roundToTwo，因为您立即为其分配了一个函数表达式，而推断的类型无论如何都是您想要的。就像您不需要在此声明中添加 : number 一样：

const max = 42  // same as "const max: number = 42"

如果你只是想显式键入函数表达式的返回值

将:number 放在参数签名之后，如下所示：

const roundToTwo = (num: number):number => {
  return +(Math.round(+(num + "e+2")) + "e-2")
}

如果您想显式键入 roundToTwo 变量

你有两个选择。

内联语法：

const roundToTwo: (num: number) => number = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2")
}

使用类型别名：

type numericFunction = (num: number) => number

const roundToTwo: numericFunction = (num: number) => {
  return +(Math.round(+(num + "e+2")) + "e-2")
}

类型别名更具可读性，尤其是对于更复杂的函数签名，但更重要的是，如果您必须在其他地方引用此函数类型，它会非常有用，例如作为函数参数：

function scaleArray(arr: number[], scaleFunc: numericFunction): number {
   
}

Answer 2

显示的错误是不言自明的。 roundToTwo 的返回类型是 (num: number) => number 而不仅仅是 number。当您已经通过函数间接指定返回类型时（Typescript 会这样做），直接指定原语是不正确的。

正确的方法：

const roundToTwo: (num: number) => number = function (num: number) {
  return +(Math.round(+(num + "e+2")) + "e-2");
};

或者直接留下它而不直接指定类型。 Typescript 无论如何都会应用该类型，因为初始化发生在声明时。

Answer 3

试试这个形状

 type roundToTwo=(num:number)=>number
 
const roundToTwo :roundToTwo= (num:number)=> {
  return +(Math.round(+(num + "e+2")) + "e-2");
};