• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

06-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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript-装饰器发布时间:2022-07-18
下一篇:
vue ts ,vue使用typescript,三种组件传值方式发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap