TypeScript中提供了箭头表达式,通过箭头表达式可以简化我们的编码。
1.箭头表达式简化匿名函数
在JS中,我们通常使用匿名函数,匿名函数实际上是赋值给一个变量,常见的写法如下:
var sunfunc=function (arg1,arg2) {
return ar1+arg2;
}
可以通过箭头表达式简写匿名函数,如下:
var sunfunc=(arg1,arg2)=>arg1+arg2;
如果函数中有多行语句并且后返回值,仍然需要写{}与return语句,如下:
var sunfunc1=(arg1,arg2)=>{
if(arg1>0)
{
return arg1+arg2;
}
}
2.箭头表达式可以简化运算,比如想获取一个数组中的偶数形成一个新数组,代码如下:
var arrs=[1,2,3,4];
var ouarr=arrs.filter(value=>value%2==0);
var [numou1,numou2]=ouarr;
console.log(numou1);
console.log(numou2);
3.箭头表达式可以消除一些js中奇怪的问题,比如this关键字带来的一些问题。
比如在js中,代码如下,会出现奇怪的问题:
function Man(name:string){
this.name=name;
//每隔1秒钟,执行一次,会发现this.name是undefined
setInterval(function(){
console.log("Man Name is:"+this.name);
},1000)
}
但是通过箭头表达式实现上述的功能,则没有问题,代码如下:
function Man2(name:string){
this.name=name;
setInterval(()=>{
console.log("Man Name is:"+this.name);
},1000)
}
Man2("caojian");
欢迎进入QQ群讨论:573336726