进阶7：正则表达式

下面这段代码输出结果是? 为什么?

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中任务有两种，一种是同步任务，一种是异步任务。

同步任务：各个任务按照文档定义的顺序一一推入"执行栈"中，当前一个任务执行完毕，才会开始执行下一个任务。
异步任务：各个任务推入"任务队列"中，只有在当前的所有同步任务执行完毕，才会将队列中的任务"出队"执行。
当线程中没有执行任何同步代码的前提下才会执行异步代码

。