第一种:问题请求代表执行打印出来的是什么?
//定时器执行页面崩溃
var bo = true;
setTimeout(function () {
console.log("定时器执行");
bo = false;
}, 1000);
while (bo) {
console.log(bo);
}
console.log(bo);
分析:js为单线程执行,也到定时器会跳过定时器,执行后面代码,待定时器事件到在执行定时器里面函数。
上面代码的情况,bo为true。页面一直执行while,页面卡死。
浏览器内核实现允许多个线程异步执行,这些线程在内核制控下相互配合以保持同步.假如某一浏览器内核的实现至少有三个常驻线 程:javascript引擎线程,界面渲染线程,浏览器事件触发线程,除些以外,也有一些执行完就终止的线程,如Http请求线程,这些异步线程都会产 生不同的异步事件,下面通过一个图来阐明单线程的JavaScript引擎与另外那些线程是怎样互动通信的.虽然每个浏览器内核实现细节不同,但这其中的 调用原理都是大同小异.
第二种:最后输出的结果是什么?
//for循环变量
var arr = [1,2,3,4];
for (var i = 0; i < arr.length; i++) {
setTimeout(function () {
console.log(arr[i]);
},1000);
}
console.log(i);
结果为:underfind。
解析:最后执行到i为4,arr[4]超出数组。
解决方式:
方法一:
//let 语句声明一个块级作用域的本地变量,并且可选的将其初始化为一个值。
//在es6中新增了let命令声明变量,用法和var类似,不过let所声明的变量,只在let命令所在的代码块有效果,for循环的计数器中就很适合let命令
for (let i = 0; i < arr.length; i++) {
setTimeout(function () {
console.log(arr[i]);
}, 1000);
}
方法二:
//加个闭包
for (let i = 0; i < arr.length; i++) {
(function (i) {
setTimeout(function () {
console.log(arr[i]);
}, 1000);
})(i)
}