JS中setTimeout函数使用的代码示例
时间: 2024-02-20 15:00:27 浏览: 23
当我们调用 setTimeout 函数时,它会在指定的时间后执行一次函数。下面是一个使用 setTimeout 函数的代码示例:
```
function sayHello() {
console.log("Hello!");
}
setTimeout(sayHello, 3000); // 3秒后输出 "Hello!"
```
在上面的代码中,我们定义了一个名为 `sayHello` 的函数,它会输出 "Hello!"。然后,我们调用 setTimeout 函数,将 `sayHello` 函数作为第一个参数传入,并将 3000 毫秒作为第二个参数传入。因此,`sayHello` 函数将会在 3 秒后被执行,输出 "Hello!"。
相关问题
写一个使用setTimeout()函数传参示例代码
当我们使用 setTimeout() 函数时,我们可以传递任意数量的参数,这些参数将传递给我们要延迟执行的函数。下面是一个使用 setTimeout() 函数传递参数的示例代码:
```javascript
function greet(name) {
console.log(`Hello ${name}!`);
}
// 在 3 秒后打印 "Hello World!"
setTimeout(greet, 3000, 'World');
```
在上述示例代码中,我们定义了一个 `greet()` 函数,它接受一个参数 `name`。然后,我们使用 `setTimeout()` 函数调用 `greet()` 函数,并且指定了延迟时间为 3 秒。我们还将字符串 `"World"` 作为第三个参数传递给 `setTimeout()` 函数,以便将其传递给我们的 `greet()` 函数。因此,在 3 秒后,我们将在控制台上看到输出 `"Hello World!"`。
js中箭头函数的适用场景及代码示例
我刚才回答的问题中可能出现了重复,不过没关系,我再回答一次,这次会附带代码示例。
箭头函数适用于以下场景:
1. 简洁的回调函数:当你需要传递一个简单的函数作为回调,箭头函数可以使代码更简洁。
```
// 传统函数
arr.forEach(function(item) {
console.log(item);
});
// 箭头函数
arr.forEach(item => console.log(item));
```
2. 隐式返回:当你的函数只有一行代码并且返回一个值时,可以使用箭头函数来隐式返回该值,这可以使你的代码更加简洁。
```
// 传统函数
function square(x) {
return x * x;
}
// 箭头函数
const square = x => x * x;
```
3. 简化this的绑定:箭头函数没有自己的this值,它们会继承父级作用域中的this值,因此可以避免使用传统函数中的this绑定问题。
```
// 传统函数
const obj = {
name: "Alice",
sayHi: function() {
console.log(`Hi, my name is ${this.name}.`);
}
}
// this绑定问题
setTimeout(obj.sayHi, 1000); // Hi, my name is undefined.
// 箭头函数解决问题
const obj = {
name: "Alice",
sayHi: function() {
setTimeout(() => console.log(`Hi, my name is ${this.name}.`), 1000);
}
}
```
总之,箭头函数适用于那些简短、简洁、明确的函数,可以使代码更加简洁易懂。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)