一.函数的作用
函数时用来复用代码块,可以提高代码的开发效率
二.函数的写法与规范
学习JavaScript的时候,我们不用写类型,可以直接声明并调用
2.1无参函数---无返回值
//JavaScript的写法
function a(){
console.log('无参函数')
}
//调用函数,使用函数名+()
a()
//TS的写法
//需要在函数后,写上返回值类型
//void:没有返回值
function a():void{
console.log('无返回值')
}
2.2无参函数---有返回值
//需要在函数后,写上返回值类型
function a():string{
return('苹果')
}
console.log(a())
return也可以当结束函数来用
let aa:number=12
function a5():void{
if(aa>9){
return //结束函数
}
console.log(aa);
}
a5()
2.3匿名函数
//匿名函数使用变量的方式声明函数
let f=function(){
console.log('匿名函数')
}
//调用函数
f()
2.4有参函数
1.有参函数必须有类型 2.调用时,实参和形参类型必须相同 3.参数的数量必须一致
//例子 求1-n之间所有数字之和
function sum(n:number):void{
let sums:number=0
for(let i=1;i<=n;i++){
sums+=i
}
console.log(sums)
}
//实参不需要写类型
sum(12)
2.参数有多个的时候,之间要用逗号隔开
function sum2(m:number,n:number):void{
let sums:number=0
for(let i=m;i<=n;i++){
sums+=i
}
console.log(sums);
}
sum2(3,9)
//参数的顺序,必须按照形参的顺序去写
sum2(30,9)
// sum2(2,3,4) 参数的数量必须一致
// sum2(2,'6') 参数类型必须一致
3.不确定有多少参数可以使用 ...代替
function addNames(...na:string[]){
name1s.concat(na)
for(let i=0;i<na.length;i++){
name1s.push(na[i])
}
console.log(name1s);
}
addNames('as')
addNames('as12','safew2')
addNames('asafsad','4dfsa','34sd')
4.可选参数:?
function show(name:string,age:number,sex?:string,width?:number):void{
console.log(`${name},年龄:${age},${sex},体重:${width}`);
}
show('张三',18)
show('张三',18)
show('张三',18,'男',123)
三.函数的常见错误
let a2:number=10
// function a2(){} 标识符“a2”重复
//void不能有return值
// function a3():void{
// return '你好'
// }
// 返回值类型必须一致
// function a4():number{
// return '你好'
// }
//return 只能返回单个的对象
// function a4():string{
// return '可乐'
// return '雪碧'
// }
arkTS中函数的用法
程序复用,节省了代码冗余,提高代码的开发效率