TypeScript语法基础 - 函数用法

   1. 函数中声明法

function run1():string{

return '1222'

}

 

   2. 匿名函数

var fun2=function():number{

return 11;

}

console.log(fun2()); //调用方法

 

   3. 中定义传参

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

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

}

console.log(getInfo('zhangsan',20));

 

   4. 没有返回值的方法

function run2():void{

console.log('1111');

}

run2();

 

   5. 方法可选参数 要使用? 注意可选参数必须配置到参数的最后面

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

if(age){

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

}else{

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

}

}

console.log(getInfo1('张三'));

console.log(getInfo1('张三',122));

 

   6. 默认参数

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

if(age){

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

}else{

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

}

}

console.log(getInfo2('张三'));

console.log(getInfo2('张三',122));

 

   7. 剩余参数，三点运算符 接收新参数传过来的值

 a. 第一种写法

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

let sum=0;

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

sum+=result[i]

}

return sum;

}

console.log(sum(1,3,7)); //11

 

b. 第二种写法

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

let sum=a+b;

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

sum+=result[i]

}

return sum;

}

console.log(sum1(1,3,7,333)); //344

 

   8. 函数重载

样例一：

function getInfo3(name:string):string;

function getInfo3(age:number):string;

function getInfo3(str:any):any{

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

//字符串类型

return '我叫:'+str

}else{

//数字类型

return '我的年龄是:'+str

}

}

console.log(getInfo3('张三')); //正确

console.log(getInfo3(1222)); //正确

// console.log(getInfo3(true)); 报错

样例二：

function getInfo4(name:string):string;

function getInfo4(name:string,age:number):string;

function getInfo4(name:any,age?:any):any{

if(age){

return '我叫:'+name+'年龄是'+age

}else{

return '我叫:'+name

}

}

console.log(getInfo4('张三')); //正确 我叫:张三

console.log(getInfo4('猪头',111)); //正确 我叫:猪头年龄是111

 

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

setTimeout(()=>{

console.log('run')

},1000)