Typescript(四)函数参数和返回类型的注解

本文详细介绍了TypeScript的基本用法,包括如何定义简单类型、无返回值函数、`never`返回类型以及对象解构。强调了显式声明类型对于提升代码健壮性的重要性,并通过实例展示了函数参数为对象时的类型定义。了解这些基础知识,能帮助开发者更好地利用TypeScript进行开发。
摘要由CSDN通过智能技术生成

Typescript其实我觉得就是强语法类型的javascript。

当然,他也不彻底算是一种强类型的语言,他有类型推断这个功能。

我们在开发过程中,最好是给其都显式的声明类型,增加代码的一个健壮性,有规矩才成方圆。

我们在定义函数的时候,也是需要制定输入参数及返回值的类型的。

1:简单类型定义

/**
 * 简单类型定义
 */
function getTotal(one:number,two:number):number
{
    return one + two;
}
console.log(getTotal(1,2));

2:函数无返回值时定义方法

没有返回值的函数,我们就可以给他一个类型注解void,代表没有任何返回值。

/**
 * 函数无返回值时定义方法
 * @param one 
 * @param two 
 */
function neverReturn(one:number,two:number):void
{
    console.log(one + two);
}
neverReturn(10,96);

3:never 返回值类型

如果一个函数是永远也执行不完的,就可以定义返回值为never,那什么样的函数是永远也执行不完的那?我们先来写一个这样的函数(比如执行执行的时候,抛出了异常,这时候就无法执行完了)。

function errorFuntion(): never {
  throw new Error();
  console.log("Hello World");
}

还有一种是一直循环,也是我们常说的死循环,这样也运行不完,比如下面的代码:

function forNever(): never {
  while (true) {}
  console.log("Hello JSPang");
}

4:函数参数为对象(解构)时

这个是这篇最有意思的地方。当你的函数接受的参数是一个对象的时候,你会怎么写呢?

interface person{
    age:number,
    name:string
}
 
let one_person:person = {
    age:100,
    name:"zhangsanfeng"
}
 
/**
 * 函数参数为对象(解构)时
 * @param one_person 
 */
function getperson(one_person:person):string
{
    return one_person.age +'-'+one_person.name;
}
console.log(getperson(one_person));

参数的类型以及函数的返回值类型一定要定义好。

有规矩才成方圆。

有好的建议,请在下方输入你的评论。

欢迎访问个人博客
https://guanchao.site

欢迎访问小程序:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值