TypeScript函数

//函数式声明 声明返回值是string
function run():string{
	return "run";
}

//匿名函数
var run2 = function():number{
	return 123;
}

//ts定义方法传参
function getInfo(name:string,age:number):string{
	return '${name} ------ ${age}';
}

//没有返回值
function run:void(){
	console.log("1");
}

//方法可选参数
//!!!可选参数必须配置到参数的最后面
function getInfo(name:string,age?:number):string|{
	if(age){
		return '${name}';
	}else{
		return '${age}';
	}
}

//默认参数
function getInfo(name:string,age:number=20):string|{
	if(age){
		return '${name}';
	}else{
		return '${age}';
	}
}

//剩余参数
//三点运算符 接受新参传过来的值
function sum(a:number,...result:number[]):number{
	var sum = 0;
	for(var i = 0;i < result.length;i++){
		sum += result[i];
	}
	return sum;
}
alert(sum(1,2,3,4));

//函数重载
//java中方法的重载:重载指的是两个或者两个以上同名函数,但他们的参数不一样,
//这时会出现函数重载的情况。
//typescript中的重载:通过为同一个函数提供多个函数类型定义来试下多种功能的目的。/

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

//es5中出现同名方法,下面的会替换上面的方法
	/*
		function css(config:any):any{
		}
		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 'string';
			}else{
				return 'other';
			}
		}

		alert(getInfo('str')); //正确

		alert(getInfo(20)); //正确

		alert(getInfo(true)); //错误
	*/

//箭头函数
//this指向的问题 箭头函数里面的this指向上下文
	//setTimeout(function(){
	//	alert('run');
	//},1000)

	setTimeout(()=>{
		alert('run');
	},1000)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值