2.ts函数定义方法传参
传入的参数和返回的类型都被限制
function getInfo(name:string,age:number):string{
return ${name}现在${age}了
}
var getInfo1 = function(name:string,age:number):string{
return ${name}--${age}
}
3.ts没有返回值的函数方法
function run():void{
console.log('无返回参数')
}
4.ts函数的可选参数
参数后面的限制类型冒号(:)前加问号(?)，参数可传可不传；
可选参数必须配置在参数的最后面；
function getInfo(name:string,age?:number):string{
if(age){
return ${name}--${age}
}else{
return ${name}--不知年龄
}
}
5.ts函数的默认参数
默认参数没有位置顺序限制
function getInfo(name:string,age:number = 20):string{
if(age){
return ${name}--${age}
}else{
return ${name}--不知年龄
}
}
console.log(getInfo('张三')) //张三--20
console.log(getInfo('张三',30)) //张三--30
6.ts函数的剩余参数
function getSum(a:number,b:number,c:number,d:number,):number{
return a+b+c+d
}
console.log(getSum(1,2,3,4)) //10
//三点运算符 接受新传过来的值
function getSum1(...nums:number[]):number{
return a+b+c+d
var sum = 0
for(var i = 0 ; i < nums.length; i++){
sum += nums[i]
}
return sum
}
console.log(getSum1(1,2,3,4)) //10
//三点运算符 结合实参
function getSum1(a:number,...nums:number[]):number{
return a+b+c+d
var sum = 0
for(var i = 0 ; i < nums.length; i++){
sum += nums[i]
}
return sum
}
//把1赋值给a,234赋值给nums数组
console.log(getSum1(1,2,3,4)) //10
7.ts函数重载
ts中的重载，通过为同一个函数提供多个函数类型定义来试下多种功能的目的；
//es5中出现同名方法，下面的会覆盖上面的方法
function css(config){}
function css(config，value){}
//ts中，支持同名方法
function getInfo(name:string):string{}
function getInfo(age:number):number{}
function getInfo(str:any):any{
if(typeof str === 'string'){
return 我叫${str}
}else{
return 我年龄是${str}
自学几个月前端，为什么感觉什么都没学到？？
这种现象在很多的初学者和自学前端的同学中是比较的常见的。
因为自学走的弯路是比较的多的，会踩很多的坑，学习的过程中是比较的迷茫的。
最重要的是，在学习的过程中，不知道每个部分该学哪些知识点，学到什么程度才算好，学了能做什么。
很多自学的朋友往往都是自己去找资料学习的，资料上有的或许就学到了，资料上没有的或许就没有学到。
这就会给人一个错误的信息就是，我把资料上的学完了，估计也-就差不多的了。
但是真的是这样的吗？非也，因为很多人找的资料就是很基础的。学完了也就是掌握一点基础的东西。分享给你一份前端分析路线，你可以参考。
还有很多的同学在学习的过程中一味的追求学的速度，很快速的刷视频，写了后面忘了前面，最后什么都没有学到，什么都知道，但是什么都不懂，要具体说，也说不出个所以然。
所以学习编程一定要注重实践操作，练习敲代码的时间一定要多余看视频的时间。 开源分享：docs.qq.com/doc/DSmRnRG…
