一道阿里巴巴Web前端面试题拓展

时间：2021-02-04 10:08:00 面试试题我要投稿

一道阿里巴巴Web前端面试题拓展

　　第二第三个问题由第一个拓展而来，先看问题吧：

一道阿里巴巴Web前端面试题拓展

　　第一问：

　　var a = 6;

　　setTimeout(function () {

　　alert(a); //输出66

　　a = 666;},

　　1000);

　　a = 66;

　　第二问：

　　var a = 6;

　　setTimeout(function () {

　　var a = 666;

　　alert(a); // 输出666，

　　}, 1000);

　　a = 66;

　　第三问：

　　var a = 6;

　　setTimeout(function () {

　　alert(a); // 输出undefined，

　　var a=666;

　　}, 1000);

　　a = 66;

　　这三个问题涉及到了setTimeout的工作原理，执行环境与作用域还有函数的创建与调用。

　　首先先说一下setTimeout(function(),ms)函数，现在在我们的js文件中有这么一段代码：setTimeout( a() , 5000 );。

　　在执行流执行到setTimeout代码时，并不会原地踏步地等待执行完毕后再向下执行，而是会告诉浏览器，我这段代码要等待5秒之后再执行，然后立即向下执行接下来的代码。

　　现在可以先解决第一问了。

　　首先定义了一个局部变量a，并且a=6 。然后执行流遇到了setTimeout()，告诉浏览器，我1秒之后再执行这段代码，此时a仍然为6。然后跳过setTimeout()中的代码继续向下执行，就碰到了a=66，将a赋值为66 。一秒过去了之后，浏览器开始调用setTimeout()函数中的匿名函数，遇到了alert(a)，在此之前匿名函数中并没有创造局部变量a，所以随着作用域链由内向外搜寻有没有变量a。当搜寻到外部函数的作用域时，发现a已经被赋值成了66，则返回结果，最终弹出窗口显示66。

　　第二问中，由于在setTimeout()的匿名函数中拥有了一个局部变量a，所以最后alert(a)输出的是666，这一个没什么可说的。

　　至于第三问的解答，涉及到了一个函数的创建与执行的区别，让我想起了C和C++中的.函数创建执行部分(更多的是本人的猜想，未经求证)，在进入setTimeout()函数之后，我们得先创建一个函数，然后才能执行它，在创建函数的时候，会搜寻函数内部是否有变量创建出来了。所以，当执行流遇到alert(a)的时候，开始搜寻当前环境下有没有a变量，最终发现了一个a变量，但是在未执行var a=666之前，a并没有被赋值，所以alert(a)的最终结果为undefined。

　　这三个问题涉及到了setTimeout的工作原理，执行环境与作用域还有函数的创建与调用。

http://jianlimoban.c321.cn/

【一道阿里巴巴Web前端面试题拓展】相关文章：