JavaScript中setTimeout和setInterval函数的传参及调用

当我们在编写JavaScript代码时，可能需要使用setTimeout和setInterval函数来实现定时调用某些操作，比如每隔一定时间更新页面显示内容等。在使用这两个函数时，传递参数并调用方式是非常重要的，下面我来详细讲解一下。

setTimeout函数的传参及调用

setTimeout函数用于指定一个时间后执行某个函数，其基本语法为：

setTimeout(func, delay, param1, param2, ...)

其中，func表示要执行的函数，delay表示延时的毫秒数，param1, param2, ...表示带入func函数的参数。

下面是一个示例，该示例中使用setTimeout函数在页面上显示一个“Hello, world!”的提示信息：

function showHelloMessage(message) {
  console.log(message);
}

//延时3秒后调用showHelloMessage函数，同时将“Hello, world!”作为参数传入
setTimeout(showHelloMessage, 3000, "Hello, world!");

上面的代码中，我们定义了一个名为showHelloMessage的函数，并使用setTimeout函数传递了三个参数——showHelloMessage函数、3000毫秒延时时间和“Hello, world!”字符串。setTimeout函数执行后，会在3000毫秒后调用showHelloMessage函数，并将“Hello, world!”字符串作为参数。

setInterval函数的传参及调用

setInterval函数用于定时重复执行某个函数，其基本语法为：

setInterval(func, delay, param1, param2, ...)

其中，func表示要执行的函数，delay表示每次重复执行的间隔时间（毫秒），param1, param2, ...表示带入func函数的参数。

下面是一个示例，该示例中使用setInterval函数在页面上显示当前的时间：

function showCurrentTime() {
  var currentDate = new Date();
  var currentTime = currentDate.toLocaleTimeString();
  console.log(currentTime);
}

//每隔1秒调用showCurrentTime函数
setInterval(showCurrentTime, 1000);

上面的代码中，我们定义了一个名为showCurrentTime的函数，并使用setInterval函数重复调用该函数，每隔1秒调用一次。注意，这里并未传入其他参数，因为showCurrentTime函数不需要任何参数。

总体来说，使用setTimeout和setInterval函数传递参数时，需要注意参数的顺序和数量要与对应函数的声明相匹配。传递参数时建议使用具有描述性的参数名，以便于代码的可读性和可维护性。