为什么要用函数
有很多功能是相似的,保证代码的复用和可读性维护性封装成一个代码块:可以集合为一个工具包
[注意]
- 声明(定义)函数必须加 function 关键字;
- 函数名与变量名一样,命名规则按照标识符规则;
- 函数参数可有可无,多个参数之间用逗号隔开;
- 每个参数参数由名字与类型组成,之间用分号隔开;
- 函数的返回值可有可无,没有时,返回类型为 void;
- 大括号中是函数体。
function searchXZ(age:number):string{
return '找到了' + age + '小可爱'
}
var age:number = 19
var Jg:string = searchXZ(age)
console.log(Jg)
形参和实参
不需要多讲了吧,
- 函数定义的时候,参数:形参
- 函数被调用的时候的参数:实参
- 注意,实参与形参类型一致
TypeScript语言中的函数参数
函数的形参分为:可选形参、默认形参、剩余参数形参等。
有可选参数的函数
定义形参的时候,可传,可不传用 ? 来标识
function searchXiaoJieJie2(age:number,stature?:string):string{
let yy:string = ''
yy = '找到了'+age+'岁'
if(stature !=undefined){
yy = yy + stature
}
return yy+'的小可爱'
}
var result:string = searchXiaoJieJie2(22,'大长腿')
console.log(result)
默认参数
有默认参数就更好理解了,就是我们不传递的时候,他会给我们一个默认值,而不是undefined了
function searchXiaoJieJie2(age:number=18,stature:string='大胸'):string{
let yy:string = ''
yy = '找到了'+age+'岁'
if(stature !=undefined){
yy = yy + stature
}
return yy+'的小可爱'
}
var result:string = searchXiaoJieJie2()
console.log(result)
有剩余参数的函数
有时候我们有这样的需求,我传递给函数的参数个数不确定。例如:我找小可爱的时候有很多要求,个人眼光比较挑剔。这时候你不能限制我,我要随心所欲。
说的技术点,剩余参数就是形参是一个数组,传递几个实参过来都可以直接存在形参的数组中。
function searchXiaoJieJie3(...xuqiu:string[]):string{
let yy:string = '找到了'
for (let i =0;i<xuqiu.length;i++){
yy = yy + xuqiu[i]
if(i<xuqiu.length){
yy=yy+'、'
}
}
yy=yy+'的小可爱'
return yy
}
var result:string = searchXiaoJieJie3('22岁','大长腿','瓜子脸','水蛇腰')
console.log(result)