浅析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。和第三种变形是一样的。

你可能感兴趣的:(TypeScript,typescript,前端,setTimeout,语法)