浅析TypeScript setTimeout语法

偶遇TypeScript setTimeout语法问题,百度没有结果。所以自己研究了一下

正常是这样的结构

setTimeout(function(){
...
},interval)

第一个参数是回调函数,第二个参数是间隔时间。意思是interval毫秒后,执行回调函数。不过因为JavaScript是单线程函数,所以可能会有顺延,今天不讨论这个。与JavaScript不同,第一个参数不能是字符串。

今天遇到的是这样几个变形,一开始没理解。下面是自己的理解,不对之处欢迎拍砖。

首先定义两个函数

function returnandlog(a){
    if(a)    {
        console.log(a);
        return a;
    }else{
        console.log(99999)
        return 99999
    }
}

function a(){
    return returnandlog
}

第一种变形 

setTimeout(function(){
         returnandlog
   }, 3000);

等待三秒结束,没有输出任何内容。回调函数内只是放了一个函数名,但是并没有执行这个函数。所以实际没有执行任何内容。

第二个种变形

setTimeout(returnandlog('aaa'), 3000);

立即执行,并报错 Callback must be a function. Received 'aaa'。当第一个参数不是匿名函数时,立即执行函数,并将返回结果当做匿名函数。上例中returnandlog('aaa')返回的是字符串,所有才有报错 Callback must be a function. Received 'aaa'。

第三种变形

setTimeout(returnandlog, 3000);

三秒后输出99999。这种写法和下面的写法是一样的。只不过是将匿名函数抽出来了。

setTimeout(function returnandlog(a){
    ...
},interval)

第四种变形

setTimeout(a(), 3000);

等待三秒后,输出99999。立即执行a函数,a函数内部直接返回returnandlog。3秒后调用return returnandlog。和第三种变形是一样的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值