下面这段代码输出结果是? 为什么?
var a = 1;
setTimeout(function(){
a = 2;
console.log(a);
}, 0);
var a ;
console.log(a);
a = 3;
console.log(a);
回答内容
// 输出结果
1 3 2
// 原因:setTimeout异步执行,从上到下执行完之后再执行setTimeout内的语句
var a = 1:声明并将1赋值给a
setTimeout方法加入任务队列不执行
var a:声明a a的值不变
console.log(a) 输出为 1
a = 3:将3赋值给a
console.log(a) 输出为3
执行setTimeout,a被赋值为2并即时输出
下面这段代码输出结果是? 为什么?
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
回答内容
var flag = true;
setTimeout(function(){
flag = false;
},0)
while(flag){}
console.log(flag);
// 不输出任何东西,且控制台/浏览器卡死
var flag = true,给flag赋值
遇到setTimeout,加入任务队列,跳过
while语句,这里的flag是true,执行{}内循环体,循环体无内容无break,陷入死循环
实现一个节流函数。
回答内容
用途
函数节流实际上是一个日常处理函数/方法短时间多次调用导致的性能/表现问题的优化方案
通过添加定时器及对应的清除方法,让可能会多次调用重复函数/方法时,如果但时间内重复调用,则删除上一次调用
举例
// 常规写法
var timer
function test(){
if(timer){
clearTimeout(timer)
}
timer = setTimeout(function(){
console.log('上一次调用once函数间隔时间大于设置时间,成功执行一次')
},500)
}
// 测试输出
test()
// 测试结果
达到了节流作用
简单解释单线程、任务队列的概念。
回答内容
单线程
JavaScript是浏览器用来与用户进行交互、进行DOM操作的,这也使得了它必须是单线程这一特性。
所谓单线程也就是只有一条线,一步一步走
任务队列
在JavaScript中任务有两种,一种是同步任务,一种是异步任务。
同步任务:各个任务按照文档定义的顺序一一推入"执行栈"中,当前一个任务执行完毕,才会开始执行下一个任务。
异步任务:各个任务推入"任务队列"中,只有在当前的所有同步任务执行完毕,才会将队列中的任务"出队"执行。
当线程中没有执行任何同步代码的前提下才会执行异步代码
。
网友评论