前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【愚公系列】2021年12月 Typescript-函数的使用

【愚公系列】2021年12月 Typescript-函数的使用

作者头像
愚公搬代码
发布2022-12-01 09:17:29
2360
发布2022-12-01 09:17:29
举报
文章被收录于专栏:历史专栏

文章目录


前言

函数是一组一起执行一个任务的语句。

您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的,但在逻辑上,划分通常是根据每个函数执行一个特定的任务来进行的。

函数声明告诉编译器函数的名称、返回类型和参数。函数定义提供了函数的实际主体。


提示:以下是本篇文章正文内容,下面案例可供参考

一、函数的使用

代码语言:javascript
复制
//函数声明
function run():string{
    return 'run'; 
    // return 123;  //错误
}

//函数表达式
var run2=function test():number{
    return 123;
}
alert(run2());

//方法传参
function getInfo(name:string,age:number):string{
  return `${name} ----${age}`;
}

alert(getInfo('alice',20))

//没有返回值的方法
function run3():void{
   console.log('run3')
}
run3()
// 注意:可选参数必须配置到参数的最后面


function getInfo(name:string,age?:number):string{
 
  if(age) {
      return `${name} ----${age}`;
  } else {
      return `${name} ----年龄保密`;
  }
} 
//默认参数


function getInfo(name:string,age:number=20):string{
  return `${name} ----${age}`;
}
//三点运算符 接受新参传过来的值
// 注意多个参数的,不能传入一个数据

function sum2(...result:number[]):number {

    var sum = 0;
    for(var i=0;i<result.length;i++) {
        sum+= result[i];
    }
     return sum;
}

alert(sum2(1,2,3,4,8,9)) 


function sum3(a:number,b:number,...result:number[]):number {

    var sum = a+b;
    for(var i=0;i<result.length;i++) {
        sum+= result[i];
    }
     return sum;
}

// alert(sum3(1,2,3,9))
var arr04:number[] = [3,9,8];
var p2 = sum3(1,2,...arr04)
console.log('p2:'+p2)


// ts中的重载

function getInfo(name:string):string;
function getInfo(age:number):string;

function getInfo(str:any):any {
    if(typeof str=='string'){
        return '我叫'+str
    } else {
        return '我的年龄是'+str
    }
};

alert(getInfo('张三')); // 正确
alert(getInfo(20)); // 正确 


type str= string; //类型别名
var username:str = 'laney';

function fun6(name:str):str{
   return 'hello ' +name;
}
alert(fun6(username))

type abc = string | number[];
type num = number;

function fun7(a:abc):num{
    return a.length;
}

alert(fun7([1,2,3])); 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-08-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 文章目录
  • 前言
  • 一、函数的使用
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档