图解JavaScript——进阶篇

简介: 图解JavaScript——进阶篇

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

640.jpg

一、函数执行过程



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

1.1 JavaScript代码的整体执行过程

640.jpg


1.2 函数执行过程


640.jpg

1.3 执行上下文

640.jpg


1.4 变量对象

640.jpg


1.5 作用域

640.jpg


1.6 JavaScript查询方式

640.jpg


1.7 作用域链

640.jpg


1.8 闭包

640.jpg


1.9 this

640.jpg


1.10 new

640.jpg


1.11 原型/构造函数/实例

640.jpg


1.12 原型链

640.jpg


二、事件循环


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

640.jpg

相关文章
|
9月前
|
存储 JavaScript 前端开发
复习Javascript第二章(二)
复习Javascript第二章(二)
63 0
复习Javascript第二章(二)
|
9月前
|
存储 JavaScript 前端开发
复习Javascript第二章(一)
复习Javascript第二章(一)
55 0
|
12月前
|
JavaScript 前端开发 Java
JavaScript入门学习笔记(一)(上)
JavaScript入门学习笔记(一)(上)
|
12月前
|
存储 JavaScript 前端开发
JavaScript入门学习笔记(一)(下)
JavaScript入门学习笔记(一)(下)
JavaScript入门学习笔记(一)(下)
|
存储 JavaScript 前端开发
JavaScript 基础【快速掌握知识点】
JavaScript 基础【快速掌握知识点】
77 0
JavaScript 基础【快速掌握知识点】
|
前端开发 JavaScript
前端知识案例-链表简介和javascript
前端知识案例-链表简介和javascript
38 0
前端知识案例-链表简介和javascript
|
JavaScript 前端开发 安全
🍉JavaScript进阶——函数进阶
🍉JavaScript进阶——函数进阶
69 9
|
Web App开发 前端开发 JavaScript
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
Web前端开发笔记——第四章 JavaScript程序设计 第一节 JavaScript的基础语法
|
编解码 JavaScript 前端开发
JavaScript入门第一章(JavaScript简介)
JavaScript入门第一章(JavaScript简介)
98 0
|
前端开发 JavaScript
前端学习:javascript进阶
前端学习:javascript进阶
前端学习:javascript进阶

热门文章

最新文章