为什么setInterval(tom(),2000);会立即执行且只执行一次？

最新推荐文章于 2025-05-02 21:48:52 发布

转载最新推荐文章于 2025-05-02 21:48:52 发布 · 5.8k 阅读

jQuery 专栏收录该内容

68 篇文章

订阅专栏

本文解析了JavaScript中setInterval函数的使用误区，特别是tom()与tom的区别。解释了为何setInterval(tom(),2000)会立即执行且仅执行一次。

为什么setInterval(tom(),2000);会立即执行且只执行一次？

x_hola 2016年06月14日提问

7 关注
2 收藏，3.1k 浏览

var tom = function tom()[alert('x');};
setInterval(tom(),2000);
//立即执行,执行一次后不再执行
与
var tom = function tom()[alert('x');};
setInterval(tom,2000);
//很多秒之后执行，之后2秒一次

请问在setInterval中，tom与tom()为什么会有这种区别?
为什么setInterval(tom(),2000);会立即执行且只执行一次？

默认排序时间排序

5个回答

已采纳

var tom = function tom(){alert('x');};
setInterval(tom(),2000);

当问“立即执行,执行一次后不再执行”时，我猜你指的是“alert被立即执行了，并且此后没再执行”。下面我们来看看文档中是怎么介绍setInterval方法的：

注意func的要求是一个函数，然后这个函数将会被不断的重复调用。

你再看看你传的是什么？是tom()，这是what？这是一个函数调用，函数调用就会有返回值，所以你的setInterval(tom(),2000);的实际效果是：

var tom = function tom(){alert('x');};
var res = tom();//res其实是undefined，因为你的tom()并没有指定返回值
setInterval(res, 2000);

所以，每隔2秒都执行一次undefined，你还期望什么呢？

leftstick 25k 声望

注意: setTimeout 的第一个参数是函数对象，一个常犯的错误是这样的 setTimeout(foo(), 1000)，这里回调函数是 foo 的返回值，而不是foo本身。大部分情况下，这是一个潜在的错误，因为如果函数返回 undefined，setTimeout 也不会报错。

setInterval类似;

参考链接： JavaScript 秘密花园v

xiaoxiongmila 830 声望

setInterval第一个参数是待执行函数，即时间到了后要执行的函数，而当你传入tom（）时，setInterval在存的时候就已经执行了该函数了。

chenjsh36 533 声望

要么

var tom = function tom(){ console.log('x');};
setInterval(tom,2000);

要么

var tom = function tom(){ console.log('x');};
setInterval(()=>{
  tom();
},2000);