码迷,mamicode.com
首页 > 其他好文 > 详细

TypeScript从零到一学习记录(三:函数)

时间:2020-06-07 21:47:28      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:size   nbsp   同方   rip   span   void   name   string   else   

一、函数声明的方式,声明类型

// 有返回值
function run(name: string): number {
    return 1
} run(‘zhangsan‘)
// 无返回值
function fun(age: number): void {
    console.log(1)
} fun(1)
let func
= function (): void { console.log(2) }

 

二、函数可选传入参数,es5不传参数也不会报错,但是ts编译不会通过

// 可选传入参数,?表示该参数可不传,这时不传参数才不会报错。多个参数时可选参数应放在最后
function run(age: number,name?: string): number {
    return 1
} run(1)

 

三、函数形参默认参数

// 存在默认参数时也可以不传入参数
function run(age: number=20): number {
    return age
} alert(run())

 

四.拓展运算符

// 当存在多个参数且类型相同时
function run(num:string,...result:number[]):void{
    for(let i=0;i<result.length;i++){
        console.log(result[i])  // 2,3,4
    }
}run(‘1‘,2,3,4)

 

五.函数重载

  同名函数的参数不同时,选择执行不同方法

function run(code: string): string;
function run(code: number): number;
function run(code: any): any {
    if (typeof code === ‘number‘) {
        return code + 1
    } else {
        return code + ‘1‘
    }
} 
alert(run(1)) // 2
alert(run(‘1‘)) // 11

 

TypeScript从零到一学习记录(三:函数)

标签:size   nbsp   同方   rip   span   void   name   string   else   

原文地址:https://www.cnblogs.com/jing-zhe/p/13061969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!