Bootstrap

TypeScript函数参数和返回类型的注解

简单的类型定义

还是上次代码

function getTotal(one: number, two: number) {
   
  return one + two;
}

const total = getTotal(1, 2);

这时候我们写的代码其实是有一个小坑的,就是我们并没有定义getTotal的返回值类型,虽然TypeScript可以自己推断出返回值是number类型。 但是如果这时候我们的代码写错了,比如写程了下面这个样子。

function getTotal(one: number, two: number) {
   
  return one + two + "";
}

const total = getTotal(1, 2);

这时候total的值就不是number类型了,但是不会报错。有的小伙伴这时候可能会说,可以直接给total一个类型注解,比如写成这个样子。

const total: number = getTotal(1, 2);

这样写虽然可以让编辑

;