本文通过实例解释了JavaScript中的作用域链原理，强调了函数作用域的查找规则和闭包的概念。同时介绍了闭包在实际编程中的应用，如事件防抖，并分享了前端开发学习资源，旨在帮助开发者提升技能。
可以看到：1. a变量在Script里，这意味着就是整个script标签内都可以使用。
2. b变量在Local里，译为局部，只能在方法内使用。
一图看懂作用域链
网上有大量讲作用域链的，但是大都模棱两可、讲不清楚，直接看上图，fn3()里定义了一个变量name2，同时包含了一个方法fn4()。
最后打印出来的却不是“木子”，而是“惠子”，如果把fn4()里面的name2注释掉掉，那么打印出来的是“木子”，不会报错。
所以我们得出来的结论就是：作用域链是由函数作用域组成的一个链条。
查找规则：根据函数作用域，一级一级往上查找，如果找到了就停止，输出或执行对应操作，如果找到全局作用域都没找到，报错（就近原则）。
作用域是分层的：内层作用域可以访问外层作用域的变量，反之则不行。
闭包
以一段代码为例:
当执行到return innerBar的位置时:
根据词法作用域的规则，内部函数getName和setName总是可以访问它们的外部函数 foo中的变量。
foo函数执行完成之后，其执行上下文从栈顶弹出了，但是由于返回的setName和getName方法中使用了foo函数内部的变量myName和test1，所以这两个变量依然保存在内存中，这两个变量的集合就叫做闭包。
闭包的经典应用（面试高频题）
1. 事件防抖
2. 私有方法与私有变量
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）
最后
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-aDXQAtSK-1712944385527)]
扫一扫
1272
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
