大佬教程收集整理的这篇文章主要介绍了【Angular】——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)});=>语法还有一个重要的特性,它和环绕它的外部代码共享同一个this。这是它和普通function写法最重要的不同点。通常我们用function声明的函数有它自己的this。有事在JavaScript中能看到如下代码:
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)); }
以上是大佬教程为你收集整理的【Angular】——TypeScript之胖箭头(=>)函数全部内容,希望文章能够帮你解决【Angular】——TypeScript之胖箭头(=>)函数所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。