浏览器执行js代码的机制--对于我们深入了解js有很大的帮助，同时面试时候也都能用得到。

Posted 2020-08-26 未来-竭尽全力

前端小菜又来了，这些天每天工作，晚上学习太累了。趁星期天给自己放个假。写完这个博客就要出去high了。鸡冻。接下来进入正题啦，

你可能要问，我们学习这个有什么用啊？这样我先给大家来个小小的面试题。

     alert(a);
C1：  var a = 1;
F2:  function a() {
    alert(2);
    }
    alert(a);
c2:  var a = 3;
     alert(a);
F2： function a() {
     alert(3)
     } 
alert(a);
如果你知道答案，那么恭喜你，接下来别听我bb了。如果你会有疑惑的话，那么还是老老实实的咱们一块理理这个知识点。
js解析器工作步骤：1：准备工作，把var定义的变量和function声明的函数开一个内存存储起来-也就是咱们通常讲的作用域，当遇到变量则只存储变量名而不进行赋值，当遇到
函数，则把整个函数体当作字符串存进去。这时候，你会问了当我的变量名和函数名冲突了怎么办？浏览器默认是这样处理的。当函数名和变量名冲突的时候会优先选择函数。当生命两个
一样的变量名，那么后边的会覆盖前边的。2，执行工作，一行一行的执行代码当遇到变量则从解析器中获取进行计算处理。
咱们先看一下上边的这个例子：第一步，先存储变量名和函数名，依次存入内存的是c1,f1,c2,f2,他们的名字都是一样的。因此函数把变量覆盖，f2在f1后边定义的，f2把f1覆盖了。所以当我们执行的时候
首先输出f2的函数体，即一个字符串，里边是函数的整个函数体，接下来给a赋值1。那么这时候alert（a）就是输出1了，接着走到c2，给a赋值3那么接下来就是输出3了。好了，分析完毕。如果大家有不同见
解或者不清楚的，欢迎大家留言评论。可以出去high了。