你可曾见过如此简单粗暴的JavaScript解说 -- js脚本运行机制

第一题

var a = 0;

function test(){

alert(a);

}

test();

A. 0

B. null

C. undefined

第二题

var a = 0;

function test(){

alert(a);

a = 100;

}

test();

A. 0

B. null

C. undefined

第三题

var a = 0;

function test(){

alert(a);

var a = 100;

}

test();

A. 0

B. 100

C. undefined

正确答案：

A ， A ， C

前两题没啥好说的，之前关于闭包的博文中已经讲得很清楚了，函数 test 形成了自己的闭包，所以能够访问到全局作用域里面的变量 a 。

第三题可能有人会觉得有点奇怪，为啥是 undefined 的呢？虽然我在闭包内定义了 var a = 100 , 可是它分明是在 alert 语句的下面啊，所以不是应该先打印出全局作用域里的 a 吗？

不要着急，我们来讲一个故事吧，当你将这段代码放进浏览器跑起来的那一个瞬间，到底发生了哪些有趣的事情。

当你刷新浏览器之后。。。

###0.00000001 毫秒的时候

编译器看到了这句话，

var a = 0;

编译器 ： ‘nice,发现一个活的 a 变量，我要把它丢到作用域中去囚禁它！

于是

###0.00000002 毫秒的时候

编译器 ： nice,发现一个活的 test 变量，我擦，还是一个函数类型，作用域，又有新货了！

作用域 ： ‘可以呀，小伙子！’

于是：

编译器顺便把 test 函数给“扒”了，又发现里面有这么一句话：

var a = 100;

编译器：小样，别以为你躲在 test 函数的私有作用域里面我就找不到你了，全局作用域中的a和你没关系，你也进去！

编译器：嗯，没找到什么变量定义了，好，我去休息啦。

###0.00000003 毫秒的时候

js引擎：终于轮到我出场了。

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。