图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)

关注公众号“ 执鸢者”,回复“ 书籍”获取大量前端学习资料,回复“ 前端视频”获取大量前端教学视频,回复“ js02”获取本节整体思维导图。
使用思维导图阐述JS的知识,为面试及工作助力。本节是第二部分,主要内容包括 函数的执行(函数执行过程、执行上下文、变量对象、作用域、作用域链、闭包、this指向、原型及原型链等)和事件循环(任务分类、Event Loop等)

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第1张图片

一、函数执行过程

本节主要从代码整个执行过程出发,然后阐述遇到函数后如何执行,紧接着分点对执行过程中的关键知识点(执行上下文、变量对象、作用域、作用域链、this指向、闭包、原型、原型链等)进行阐述,按照自己的理解将整个过程进行了叙述。

1.1 JavaScript代码的整体执行过程

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第2张图片

1.2 函数执行过程

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第3张图片

1.3 执行上下文

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第4张图片

1.4 变量对象

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第5张图片

1.5 作用域

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第6张图片

1.6 JavaScript查询方式

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第7张图片

1.7 作用域链

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第8张图片

1.8 闭包

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第9张图片

1.9 this

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第10张图片

1.10 new

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第11张图片

1.11 原型/构造函数/实例

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第12张图片

1.12 原型链

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第13张图片

二、事件循环

对事件循环的任务进行了简要分类,然后对整个事件循环过程进行了叙述。

图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第14张图片

相关章节

图解JavaScript————基础篇
欢迎大家关注公众号(回复“js02”获取本节的思维导图,回复“书籍”获取大量前端学习资料,回复“前端视频”获取大量前端教学视频)
图解JavaScript——进阶篇(执行上下文、变量对象、作用域、作用域链、闭包、this、原型及原型链、事件循环等一把梭)_第15张图片

你可能感兴趣的:(javascript,前端)