06-TypeScript中的表达式

OGeek|极客世界-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

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