06-TypeScript中的表达式
06-TypeScript中的表达式
用户1910585
发布于 2018-05-04 17:56:50
发布于 2018-05-04 17:56:50
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");本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2017-09-22 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读