ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Typescript学习笔记——Typescript中的函数

2022-02-17 18:02:46  阅读:105  来源: 互联网

标签:function Typescript return 函数 age number 笔记 name string


一、函数的定义

// es5定义函数的方法

// 函数声明法

function fun(){

   return 'run';

}

// 匿名函数

var run2=function(){

   return 'run';

}

// ts中定义函数的方法

// 函数声明法

function fun():string{

   return 'run';

}

// 匿名函数

var run2=function():number{

   return 123;

}

// ts中定义方法传参

// 函数声明法

function getInfo(name:string,age:number):string{

     return `${name} --- ${age}`;

}

// 匿名函数

var getInfo=function(name:string,age:number):string{

     return `${name} --- ${age}`;

}

// 没有返回值的方法

function run:void(){

  console.log('run')

}

// 方法可选参数

// es5里面方法的实参和行参可以不一样,但是ts中必须一样,如果不一样就需要配置可选参数

function getInfo(name:string,age?:number):string{

     if(age){

          return `${name} --- ${age}`;

     }else{

          return `${name} --- 年龄保密`;

     }

}

// 注意可选参数必须配置到参数的最后面

// 默认参数

// es5里面没法设置默认参数,es6和ts中都可以设置默认参数

function getInfo(name:string,age:number=20):string{

     if(age){

          return `${name} --- ${age}`;

     }else{

          return `${name} --- 年龄保密`;

     }

}

// 剩余参数

// ...三点运算符 接受形参传过来的值

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

    var sum=0;

    for(var i=0;i<result.length;i++){

        sum+=result[i];

    }

    return sum;

}

 

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

    var sum=a+b;

    for(var i=0;i<result.length;i++){

        sum+=result[i];

    }

    return sum;

}

// 函数重载

// java中的方法的重载:重载指的是两个或者两个以上同名函数,但它们的参数不一样,这时会出现函数的重载的情况

// typescript中的重载:通过为同一个函数提供多个函数类型定义来试下多种功能的目的

// ts为了兼容es5以及es6重载的写法和java中有区别

 

// es5中出现同名方法,下面的会替换上面的方法

function css(config){

}

function css(config,value){

}

// ts中的重载

function getInfo(name:string):string;

funciton getInfo(age:number):number;

funciton getInfo(str:any):any{

   if(type str==='string'){

       return '我叫:'+str;

   }else{

       return '我的年龄是'+str;

   }

}

// 箭头函数 es6     箭头函数里面的this指向上下文

setTimeout(function(){

   alert('run')

},1000)

setTimeout(()=>{

   alert('run')

},1000)

标签:function,Typescript,return,函数,age,number,笔记,name,string
来源: https://www.cnblogs.com/jkgg/p/15905496.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有