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