错误："Type '(num：=> )“不能指定为”number“。(2322)

Question

当我有这样的功能时，我不会收到任何抱怨：

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

当我在VS代码中的函数名上悬停时，我可以看到它正在返回一个数字：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

既然您是被语法和语义搞混了，我将提供详细的说明。

roundToTwo是函数类型，而不是数字。

鉴于这一定义：

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

这是roundToTwo的实际(并正确推断)类型。

(num: number) => number

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

但是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。当您已经通过函数间接指定返回类型时(类型记录是这样做的)，直接指定原语是不正确的。

正确的方法：

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

或者直接保留它，而不直接指定类型。由于初始化是在声明时发生的，所以类型记录无论如何都会应用该类型。

Answer 3

试着像这个形状

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