什么是“執行上下文”(也叫做“執行上下文環境”)?暫且不下定義,先看一段代碼:

第一句報錯,a未定義,很正常。第二句、第三句輸出都是undefined,說明瀏覽器在執行console.log(a)時,已經知道了a是undefined,但卻不知道a是10(第三句中)。
在一段js代碼拿過來真正一句一句運行之前,瀏覽器已經做了一些“準備工作”,其中就包括對變量的聲明,而不是賦值。變量賦值是在賦值語句執行的時候進行的。可用下圖模擬:

這是第一種情況。
下面還有。先來個簡單的。

有js開發經驗的朋友應該都知道,你無論在哪個位置獲取this,都是有值的。至于this的取值情況,比較復雜,會專門拿出一篇文章來講解。
與第一種情況不同的是:第一種情況只是對變量進行聲明(并沒有賦值),而此種情況直接給this賦值。這也是“準備工作”情況要做的事情之一。
下面還有。。。第三種情況。
在第三種情況中,需要注意代碼注釋中的兩個名詞——“函數表達式”和“函數聲明”。雖然兩者都很常用,但是這兩者在“準備工作”時,卻是兩種待遇。

看以上代碼。“函數聲明”時我們看到了第二種情況的影子,而“函數表達式”時我們看到了第一種情況的影子。
沒錯。在“準備工作”中,對待函數表達式就像對待“ var a = 10 ”這樣的變量一樣,只是聲明。而對待函數聲明時,卻把函數整個賦值了。
好了,“準備工作”介紹完畢。
我們總結一下,在“準備工作”中完成了哪些工作:
變量、函數表達式——變量聲明,默認賦值為undefined;
this——賦值;
函數聲明——賦值;
這三種數據的準備情況我們稱之為“執行上下文”或者“執行上下文環境”。
這里插一句題外話:通過以上三種情況,你可能會聯想到網上的有些考js語法的題目/面試題。的確,幾乎每個js語法題中都有這種題目出現。之前你遇到這種題目是不是靠背誦來解決?背過了,隔幾天又忘記了。——任何問題,都要去追根溯源,要知道這個問題是真正出自哪一塊知識點,要真正去理解。光靠背誦是沒用的。
細心的朋友可能會發現,我們上面所有的例子都是在全局環境下執行的。
其實,javascript在執行一個代碼段之前,都會進行這些“準備工作”來生成執行上下文。這個“代碼段”其實分三種情況——全局代碼,函數體,eval代碼。
這里解釋一下為什么代碼段分為這三種。
所謂“代碼段”就是一段文本形式的代碼。
首先,全局代碼是一種,這個應該沒有非議,本來就是手寫文本到<script>標簽里面的。
其次,eval代碼接收的也是一段文本形式的代碼。
`eval("alert(123)")`
最后,函數體是代碼段是因為函數在創建時,本質上是 new Function(…) 得來的,其中需要傳入一個文本形式的參數作為函數體。

這樣解釋應該能理解了。
最后,eval不常用,也不推薦大家用。
- PHP技術文章
- PHP中session和cookie的區別
- php設計模式(一):簡介及創建型模式
- php設計模式結構型模式
- Php設計模式(三):行為型模式
- 十款最出色的 PHP 安全開發庫中文詳細介紹
- 12個提問頻率最高的PHP面試題
- PHP 語言需要避免的 10 大誤區
- PHP 死鎖問題分析
- 致PHP路上的“年輕人”
- PHP網站常見安全漏洞,及相應防范措施總結
- 各開源框架使用與設計總結(一)
- 數據庫的本質、概念及其應用實踐(二)
- PHP導出MySQL數據到Excel文件(fputcsv)
- PHP中14種排序算法評測
- 深入理解PHP原理之--echo的實現
- PHP性能分析相關的函數
- PHP 性能分析10則
- 10 位頂級 PHP 大師的開發原則
- 30條爆笑的程序員梗 PHP是最好的語言
- PHP底層的運行機制與原理
- PHP 性能分析與實驗——性能的宏觀分析
- PHP7 性能翻倍關鍵大揭露
- 鳥哥:寫在PHP7發布之際一些話
- PHP與MySQL通訊那點事
- Php session內部執行流程的再次剖析
- 關于 PHP 中的 Class 的幾點個人看法
- PHP Socket 編程過程詳解
- PHP過往及現在及變革
- PHP吉祥物大象的由來
- PHP生成靜態頁面的方法
- 吊炸天的 PHP 7 ,你值得擁有!
- PHP開發中文件操作疑難問答
- MongoDB PHP Driver的連接處理解析
- PHP 雜談《重構-改善既有代碼的設計》之二 對象
- 在php中判斷一個請求是ajax請求還是普通請求的方法
- 使用HAProxy、PHP、Redis和MySQL支撐10億請求每周架構細節
- HTML、HTML5、XHTML、CSS、SQL、JavaScript、PHP、Web Services 是什么?
- 重構-改善既有代碼的設計
- PHP場景中getshell防御思路分享
- 移動互聯時代,你看看除了PHP你還會些什么
- 安卓系統上搭建本地php服務器環境
- PHP中常見的緩存技術!
- PHP里10個鮮為人知但卻非常有用的函數
- 成為一名PHP專家其實并不難
- PHP 命令行?是的,您可以!
- PHP開發提高效率技巧
- PHP八大安全函數解析
- PHP實現四種基本排序算法
- PHP開發中的中文編碼問題
- php.get.post
- php發送get、post請求的6種方法簡明總結
- 中高級PHP開發者應該掌握哪些技術?
- 前端開發
- web前端知識體系大全
- 前端工程與性能優化(下)
- 前端工程與性能優化(上)
- 2016 年技術發展方向
- Web應用檢查清單
- 如何成為一名優秀的web前端工程師
- 前端組件化開發實踐
- 移動端H5頁面高清多屏適配方案
- 2015前端框架何去何從
- 從前端看“百度遷徙”的技術實現(一)
- 從前端看“百度遷徙”的技術實現(二)
- 前端路上的旅行
- 大公司里怎樣開發和部署前端代碼?
- 5個經典的前端面試問題
- 前端工程師新手必讀
- 手機淘寶前端的圖片相關工作流程梳理
- 一個自動化的前端項目實現(附源碼)
- 前端代碼異常日志收集與監控
- 15年雙11手淘前端技術總結 - H5性能最佳實踐
- 深入理解javascript原型和閉包系列
- 一切都是對象
- 函數和對象的關系
- prototype原型
- 隱式原型
- instanceof
- 繼承
- 原型的靈活性
- 簡述【執行上下文】上
- 簡述【執行上下文】下
- this
- 執行上下文棧
- 簡介【作用域】
- 【作用域】和【上下文環境】
- 從【自由變量】到【作用域鏈】
- 閉包
- 完結
- 補充:上下文環境和作用域的關系
- Linux私房菜