Typescript入门之:函数

Typescript 函数


为函数定义类型

function add(x:number,y:number):number{
    
    return x + y
}

let myAdd = function(x:number,y:number):number{return x + y}

可选参数和默认参数

  • TS所有写明的形参都必须传值,并且不允许多传,但是可以传入null和undefined
    在JS里面,所有的参数都是可传可不传,不传就是undefined,但是ts不行,可选参数需要通过?标识,

    并且可选参数必须在必填参数后面声明

  • TS中的默认参数可以直接在后面添加=号标识,并且传入默认值

  • 剩余参数:JS中所有的参数会存在一个叫argument的类数组当中,而ts如果传值的时候不定义剩余参数,那么多传一个参数都会报错,实现是...表示,将后面所有剩余参数接受并且传入类数组

this

  • js中的this发生在函数调用时,并指向当前的执行上下文,但是箭头函数的this,会指向函数声明区域的this上下文

  • 在ts中,this可以当作参数传入函数,同时也可以使用类型指定,表示在当前函数内部作用域 中所有的this的类型仍然受限制,避免了this的类型为any的情况

  • this写在返回值里面

函数的重载

在JS中会通过条件判断,判断参数的类型进行不同的逻辑处理,实现函数的重载

由于TS是一种强类型的设计理念,所以在各种条件判断之前,必须多多种情况的函数条件进行多次声明


function pickCard(x:string):string;
function pickCard(x:number):string;
function pickCard(x:any):string{
    if(typeof x =='string'){
        return x
    }else if (typeof x == 'number'){
        return x+''
    }
}

这样实现会在函数调用时进行严格的类型检查,同时通过判断,走不同的逻辑代码,其他类型调用该函数将会报错

转载于:https://www.jianshu.com/p/15beee9df07c

猜你喜欢

转载自blog.csdn.net/weixin_34358365/article/details/91142171