圖解JavaScript——進階篇(執行上下文、變量對象、做用域、做用域鏈、閉包、this、原型及原型鏈、事件循環等一把梭)
![](http://static.javashuo.com/static/loading.gif)
關注公衆號「
執鳶者」,回覆「
書籍」獲取大量前端學習資料,回覆「
前端視頻」獲取大量前端教學視頻,回覆「
js02」獲取本節總體思惟導圖。
使用思惟導圖闡述JS的知識,爲面試及工做助力。本節是第二部分,主要內容包括
函數的執行(函數執行過程、執行上下文、變量對象、做用域、做用域鏈、閉包、this指向、原型及原型鏈等)和事件循環(任務分類、Event Loop等)。
![](http://static.javashuo.com/static/loading.gif)
1、函數執行過程
本節主要從代碼整個執行過程出發,而後闡述遇到函數後如何執行,緊接着分點對執行過程當中的關鍵知識點(執行上下文、變量對象、做用域、做用域鏈、this指向、閉包、原型、原型鏈等)進行闡述,按照本身的理解將整個過程進行了敘述。
1.1 JavaScript代碼的總體執行過程
![](http://static.javashuo.com/static/loading.gif)
1.2 函數執行過程
![](http://static.javashuo.com/static/loading.gif)
1.3 執行上下文
![](http://static.javashuo.com/static/loading.gif)
1.4 變量對象
![](http://static.javashuo.com/static/loading.gif)
1.5 做用域
![](http://static.javashuo.com/static/loading.gif)
1.6 JavaScript查詢方式
![](http://static.javashuo.com/static/loading.gif)
1.7 做用域鏈
![](http://static.javashuo.com/static/loading.gif)
1.8 閉包
![](http://static.javashuo.com/static/loading.gif)
1.9 this
![](http://static.javashuo.com/static/loading.gif)
1.10 new
![](http://static.javashuo.com/static/loading.gif)
1.11 原型/構造函數/實例
![](http://static.javashuo.com/static/loading.gif)
1.12 原型鏈
![](http://static.javashuo.com/static/loading.gif)
2、事件循環
對事件循環的任務進行了簡要分類,而後對整個事件循環過程進行了敘述。
![](http://static.javashuo.com/static/loading.gif)
相關章節<br/>
圖解JavaScript————基礎篇<br/>
歡迎你們關注公衆號(回覆「js02」獲取本節的思惟導圖,回覆「書籍」獲取大量前端學習資料,回覆「前端視頻」獲取大量前端教學視頻)
歡迎關注本站公眾號,獲取更多信息