理解作用域(引擎,編譯器,作用域)

来源:http://www.cnblogs.com/Darlietoothpaste/archive/2017/01/23/6344126.html
-Advertisement-
Play Games

在JS中,引擎,編譯器,作用域分別扮演以下角色: 引擎:負責整個Js程式的編譯以及執行過程。 編譯器:負責語法分析以及代碼生成等。 作用域:負責收集並維護所有聲明的標示符(變數)組成的一系列查詢,並實施一套嚴格的規則,確定當前執行的代碼對這些標識符的訪問許可權。 下麵用一個小例子來表示: var a ...


  在JS中,引擎,編譯器,作用域分別扮演以下角色:

      引擎:負責整個Js程式的編譯以及執行過程。

      編譯器:負責語法分析以及代碼生成等。

      作用域:負責收集並維護所有聲明的標示符(變數)組成的一系列查詢,並實施一套嚴格的規則,確定當前執行的代碼對這些標識符的訪問許可權。

  

 下麵用一個小例子來表示:

      var a = 2;

      1.首先,遇到var a,編譯器會詢問當前作用域是否有一個該變數存在,如果存在,編譯器則會忽略進行下一步,否則編譯器會要求作用域在當前聲明一個新的變數,並命名為a。

      2.接下來編譯器會為引擎生成運行時所需要的代碼,這些代碼被用來處理 a = 2這個賦值操作,引擎運行時首先詢問作用域,是否存在變數a,若存在,引擎就會直接使用該變數,否則引擎會繼續向上一個作用域尋找,直到找到為止,如果在全局作用域還未找到,此時引擎會拋出一個異常。

  

 關於引擎查詢:

       引擎查詢有兩種查詢方式,分別為LHS(左查詢)和RHS(非左查詢)

       LHS查詢是找到該變數的容器,如var a = 2; 在查詢a時就需用到LHS查詢。

       RHS查詢可以理解為找到該變數的值,如 a = b ,在查詢b時,僅需要得到它的值,並不關心他本身容器,故使用RHS查詢。

 一個小例子便於理解:

       function foo(a){

          var a = b;

          return a+b;

       }

       var c = foo(2);

其中使用了三次LHS,分別為 var c,var a,以及foo(2)的時候把2賦值給a(隱式賦值);

      使用了四次RHS,分別為foo(2), = b, return a + b(a,b)各一次。 

   

  關於為什麼要區分LHSRHS是很重要呢?

  因為異常

  在變數還未聲明的情況下(即在任何作用域都找不到該變數),這兩種查詢的方式是不同的。

  LHS

       LHS在非嚴格模式下,找不到該變數時,它會直接聲明一個該變數,如a = b,中的a會被聲明。但如果在嚴格模式下,則會拋出一個ReferenceError.

  RHS:

       RHS找不到時會直接拋出一個ReferenceError.

       ReferenceError是同作用域判定失敗有關,而TypeError則是代表作用域判別成功,但是對結果的操作屬於非法,比如試圖對一個非函數的值進行函數調用。

  


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • A jQuery tabs module for todays web! 實例DEMO 運行一下 Documentation Tabulous.js can be used with any contents you choose in the tabs and it couldn't be mor ...
  • html css css3 javascript html5 jQuery jQuery UI jQuery EasyUI Exits Highcarts Chart Two Jsp Asp.net PHP Python MySql SQL Server Oracle MongDB XML JONG ...
  • 下麵這個是結合css+html5+javascript的一個更複雜的圓環圖形 原文鏈接:HTML5 CSS3如何繪製任意角度的扇形 ...
  • ▓▓▓▓▓▓ 大致介紹 Git是一款免費、開源的分散式版本控制系統,用於敏捷高效地處理任何或小或大的項目,可以有效、高速的處理從很小到非常大的項目版本管理。 Git 是 Linus Torvalds 為了幫助管理 Linux 內核開發而開發的一個開放源碼的版本控制軟體 ▓▓▓▓▓▓ Git的誕生 G ...
  • [1]刷新 [2]搜索 [3]計算樣式 [4]資源映射 [5]當前位置 ...
  • 層次選擇器: $("div li")獲取div下的所有li元素(後代、子、子的子......) $("div>li")獲取div下的直接li子元素。 $(".menuitem+div")獲取樣式名為menuitem之後的第一個div元素(不常用)。 $(".menuitem~div")獲取樣式名為m ...
  • yield next和yield* next之間到底有什麼區別?為什麼需要yield* next?經常會有人提出這個問題。雖然我們在代碼中會儘量避免使用yield* next以減少新用戶的疑惑,但還是經常會有人問到這個問題。為了體現自由,我們在koa框架內部使用了yield* next,但是為了避免 ...
  • 2017年也已經開始了快一個月的時間了,然而我卻好像沒有跨進新一年的感覺 過去的一年裡,前端開發這個行業的變化給我的感覺實在是快得有點眼花繚亂應接不暇 各種工程化工具,各種新框架占據了這個行業裡人們日常討論的話題 然而反思回自己的團隊,仍然是停留在比較基礎的開發流程。不得不讓我恍然醒悟,自己真是半年 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...