首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JSsetTimeout是如何实现的

我们知道 Javascript引擎是单线程的,而setTimeout方法的作用是延后执行目标代码,同时还可以继续往下执行 setTimeout是如何实现的?...这涉及到了浏览器内核的事件循环模型,在Javascript引擎之外,有一个任务队列,当执行到setTimeout时,延时方法会交给内核其他模块处理(与执行引擎主线程独立),当延时方法到达触发条件,这一延时方法被添加至任务队列里...,执行引擎在主线程方法执行完毕后,会从任务队列顺序获取任务来执行,这一过程是一个不断循环的过程,称为事件循环模型 下面通过一段示例代码,看一下整个执行过程 console.log('1'); setTimeout...(2)setTimeout test入栈执行 交由webapis处理 ? (3)log('3')入栈执行 ?...(4)在setTimeout方法执行5秒后,timer模块检测到延时处理方法到达触发条件,于是将延时处理方法加入任务队列 ?

3.3K80

jssetTimeout的用法和JS计时器setTimeout与setInterval方法的区别和confirm方法

setTimeout()在js的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout...比如你想周期性执行一个函数 function a(){ //... } 可写为 setTimeout("a()",1000) 或者 setTimeout(a,1000) 这里注意第二种形式...话说回来,虽然我们知道setTimeout("this.count()",1000)的this指的是window对象,但还是不明白为什么会是 window对象^_^(有点头晕...)...计时器setTimeout()与setInterval()是原生JS很重要且用处很多的两个方法, 但很多人一直误以为是相同的功能: 间隔时间重复执行传入的句柄函数....先来看看两者JS手册及英文词典上的解释: JS手册»setTimeout() : 用于在指定的毫秒数后调用函数或计算表达式; 英文释义»timeout() : 超时;暂时休息;工间休息; JS手册

3.1K10

jssettimeout()的用法详解_低噪放工作原理

如对于setTimeout(func, 100, args),js引擎会为func函数设置一个计时器,100毫秒后,将func添加到任务队列等待执行。...不同点 setTimeout只会将函数添加到任务队列一次,而setInterval则是循环往队列添加函数。...因此在实际编码,开发者通常会使用setTimeout来模拟实现setInterval效果(下面会有举例)。...应用场景 setTimeout setTimeout主要用于需要进行延时调用的场景。如之前一篇文章介绍的js基础之函数的节流与防抖,就是setTimeout典型的应用场景。..."夕山雨"); //传入字符串,js引擎会将其解析为函数体 setTimeout("alert('夕山雨')", 100); 但是传入如下的格式就可能报错: setTimeout(func("夕山雨")

1.7K20

也谈 setTimeout

jQuery 的轮询 轮询,可能是 setTimeout 最典型的用法,jQuery 的兼容IE的 document ready 机制就用到了这个: // jquery 1.9.1 (function...既然是单线程,这些 js 块都是互相阻塞的,第一个 js 块执行过程, "click" 被触发,但是必须排队,等到第一个块执行完才执行(当然, 排队的方式在各浏览器不同,我们这里不关注这个)。...接下来就好理解了—— 开始,在第一个 js,两个延迟 10ms 的 timer 被初始化,注意这个 10ms ,不保证 10ms 后一定执行,两个 timer 必然会是在第一个 js block...另外,在第一个 js,鼠标点击了,但是事件处理函数不会立刻执行,和 timer 一样,也要等到一个 js block 执行完后才执行。 终于,第一个 js 块执行完。...setTimeout 的 this setTimeout 的 this 被无数人吐槽过,老道直接说这是语言设计错误。

1.5K100

也谈 setTimeout

jQuery 的轮询 轮询,可能是 setTimeout 最典型的用法,jQuery 的兼容IE的 document ready 机制就用到了这个: // jquery 1.9.1 (function...既然是单线程,这些 js 块都是互相阻塞的,第一个 js 块执行过程, "click" 被触发,但是必须排队,等到第一个块执行完才执行(当然, 排队的方式在各浏览器不同,我们这里不关注这个)。...接下来就好理解了—— 开始,在第一个 js,两个延迟 10ms 的 timer 被初始化,注意这个 10ms ,不保证 10ms 后一定执行,两个 timer 必然会是在第一个 js block...另外,在第一个 js,鼠标点击了,但是事件处理函数不会立刻执行,和 timer 一样,也要等到一个 js block 执行完后才执行。 终于,第一个 js 块执行完。...setTimeout 的 this setTimeout 的 this 被无数人吐槽过,老道直接说这是语言设计错误。

1.3K10
领券