如何通过图解深入理解中篇作用域链与闭包的夯实基础？

本文共计1783个文字，预计阅读时间需要8分钟。

基础不容忽视，通过7个demo、6张图、1.6k文字讲解作域链、词法作用域、闭包的使用案例。前言：本文字承接上文，阐述基础实战上篇。图解JavaScript执行机制，请先阅读上文。~ 讲基础

讲基础不容易，本文通过 7个demo、6张图、1.6k文字串讲作用域链、词法作用域、闭包、闭包使用案例。 前言

本文承接上篇 夯实基础上篇-图解 JavaScript 执行机制，请先阅读上篇~

讲基础不容易，本文通过 7个demo和6张图，和大家一起学习温故作用域链和闭包，本文大纲：

1. 什么是作用域链
2. 什么是词法作用域
3. 什么是闭包
4. 闭包的实际使用案例

什么是作用域链

正文开始~

请思考下面 demo 的 name 打印什么

function test() { console.log(name) } function test1() { const name = 'test1的name' test() } const name = 'global的name' test1()

通过执行上下文来分析代码的执行流程，执行到 test 函数时：

那 test 函数里的 name 是哪个呢？这就涉及到了作用域链的定义：变量和函数的查找链条就是作用域链。