JavaScript入门第十八章（js作用域及变量预解析 ）

num += 100; // 当前作用域链未找到，会从上级寻找 num = 20 + 100

console.log ( “二级链” + num ); // 2级链 120

}

f2();

console.log ( “一级链” + num ); // 120 为什么不是20：因为二级链上并没有声明变量，而是直接获取父级变量修改

};

// 0级作用域

f1();

// 0级作用域

console.log ( “0级链” + num );// 10

3.js预解析

---

• 1.为什么要有预解析机制？

• 通过前面的学习我们知道，js代码是从上往下执行的，这样有什么不好的地方呢？

• 实际开发中，往往一个文件中js代码会有很多的函数，而如果我们都把函数的声明写在最上面，那么我们的业务逻辑就会在下面，这样的话开发效率不高

• 函数毕竟只是保存一段代码的，我们希望可以将函数写在页面的下面，而把一些业务逻辑功能写在代码上面，这样的话维护起来更方便

• 2.什么是预解析机制

• （1）其实js代码并不是从上往下执行的，这种说法不严谨

• （2）预解析：JS在执行代码之前，会把变量的声明提前到所在作用域的最顶端

• a.只是声明提前（相当于提前开辟内存空间），变量的赋值与函数的调用还是在原地

• b.函数的声明也会提前

• 3.预解析的意义（好处）

• 让函数可以在任意地方调用

console.log ( num ); // undefined

var num = 10;

console.log ( num ); // 10

/*

let num;

console.log ( num );

num = 10;

console.log ( num );

*/

fn();

function fn () {

console.log ( num );

console.log ( “嘿嘿嘿” );

var num = 10;

console.log ( num );

/*

// 函数声明提前

function fn(){

var num;

console.log ( num ); // undefined

console.log ( “嘿嘿嘿” );

num = 10;

console.log ( num ); // 10

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

c71421efff2a0cd1db5a9d4251.png)

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。