setTimeout是立即执行吗

需求：因项目需求，需要用到定时器setTimeout来掩饰处理某个逻辑，但我发现setTimeout却立即执行了

下面主要梳理一下setTimeout的用法：

简单例子：

setTimeout("alert('对不起, 要你久候')", 3000);

3秒后会显示一个弹窗。

咱们经常会用setTimeout执行一个函数，我之前的调用方法

setTimeout(this.clearData(), 3000);

但是这样写，会立刻调用clearData()方法，并没有延迟效果。

原因在于：setTimeout的第一个参数必须是字符或者是函数体，不能是可执行的方法，若是可执行的方法，这里会立即执行，没有延迟效果。

所以要实现延迟效果，上面的代码可以改为：

var _this = this;
setTimeout(function() {_this.clearData();
}, 5000);

这里注意：setTimeout中不能用this调用外部函数，setTimeout下this指windows

解决方法：外部将this赋值给一个变量，例如： var _this = this;

更简单的一种情况可以使用箭头函数

setTimeout(() => {this.clearData();
}, 5000);

因为箭头函数中this指向的是箭头函数声明时作用域的this。

setTimeout是立即执行吗相关推荐

深入解析Node.js setTimeout方法的执行过程
深入了解setTimeout源码之前,本有两个选择.一是通过chromium源码分析,二是通过Node.js源码分析.后来发现第一种方案的源码获取成本太大,于是从Node官网获取了几十兆的代码用来了解 ...
【Day02】测试 Primise、setTimeout等的执行顺序
面试题请写出下面代码执行的结果 console.log(1); setTimeout(() => {console.log(2);process.nextTick(() => {cons ...
js关于setTimeout实现延时执行函数并进行传参
传参方式一:setTimeout第一个参数可以是一段JS的代码字符串片段,第二个参数为延迟时间单位ms <script> function ab() { var a=1; var b =1 ...
如何使用定时器settimeout、setInterval执行能传递参数的函数(转)
来自: http://www.cnblogs.com/wkylin/archive/2012/09/07/2674911.html var userName="jack"; //根 ...
Vue超实用案例1：使用setTimeout实现延迟执行代码
for循环中执行setTimeout问题（任务队列的问题）
for(var i=0;i<8;i++){setTimeout(function () {console.log(i)},0)} 输出了8次8,这跟js的执行顺序和作用域链有关. 规则: 同步优 ...
利用setTimeout方法控制JS中方法的执行顺序
JS方面中有A和B方法,B必须在A执行完之后才能执行,怎么保证呢? 1.首先设一个标志(isAFinish),用来标识A是否执行完. 2.B方法执行的时候,判断 var isAFinish=false ...
Vue中使用定时器setInterval和延迟执行setTimeout
js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout 一.循环执行(setInterval) 顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次 ...
ajax请求必须打断点才能成功,Jquery等待ajax执行完毕继续执行（断点调试正常，运行异常）...
以前写过一个程序,发现用断点调试的时候,一步步的运行,程序是可以的,但是去了断点程序就出现了问题. $(document).ready(function(){ var arra=new Array() ...

setTimeout是立即执行吗

setTimeout是立即执行吗相关推荐

最新文章

热门文章