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


关注公众号“执鸢者”,回复“书籍”获取大量前端学习资料,回复“前端视频”获取大量前端教学视频,回复“js02”获取本节整体思维导图。

使用思维导图阐述JS的知识,为面试及工作助力。本节是第二部分,主要内容包括函数的执行(函数执行过程、执行上下文、变量对象、作用域、作用域链、闭包、this指向、原型及原型链等)和事件循环(任务分类、Event Loop等)。

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

1.2 函数执行过程

1.3 执行上下文

1.4 变量对象

1.5 作用域

1.6 JavaScript查询方式

1.7 作用域链

1.8 闭包

1.9 this

1.10 new

1.11 原型/构造函数/实例

1.12 原型链

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

相关章节<br/>
图解JavaScript————基础篇<br/>
欢迎大家关注公众号(回复“js02”获取本节的思维导图,回复“书籍”获取大量前端学习资料,回复“前端视频”获取大量前端教学视频)

版权声明: 本文为 InfoQ 作者【执鸢者】的原创文章。
原文链接:【http://xie.infoq.cn/article/b8c47b5c2ad3b734c07075b64】。文章转载请联系作者。
评论