前言：

胖箭头(=>)函数是一种快速书写函数的简介语法。

ES5和TypeScript比较：

在ES5中，每当我们要用甘薯作为方法参数时，都必须用function关键字和紧随其后的花括号({})表示，例：

var data=['Alice','Jack','Rose','Tom'];
data.forEach(function(line)){console.log(line);};

//TypeScript example
var data:string[]=['Alice','Tom'];
data.forEach((line)=>console.log(line));

var evens=[2,4,6,8];
var code=evens.map(v=>v+1);

data.forEach(line=>{console.log(line.toUpperCase)});

var nate={
   name:"Nate",gutars:["Gibson","Martin","Taylor"],printGutars:function(){
       var self=this;
       this.guitars.forEach( function(g){
       //this.name is undefined so we have to use self.name
       console.log(self.name+"plays a "+ g);
     });
   }
};

由于胖箭头会共享环绕它的外部代码的this，可以改写成：

var nate={
   name:"Nate",printGutars:function(){
       this.guitars.forEach( (g)=>{
       console.log(this.name+"plays a "+ g);
     });
   }
};

简单实例：

deleteDatas(el: any) {
      let  trainingProgramsInfo:TrainingInfo[]=[];
        el.forEach(element => {
          trainingProgramsInfo.push(this.data[element]);
        });
        localStorage.setItem("trainingProgramsInfo",JSON.stringify(trainingProgramsInfo));
}

总结：

箭头函数是处理内联函数的好办法，这也让我们在TypeScript中更容易使用高阶函数。理解了原理多多实践掌握的会更好。