JS高級---作用域,作用域鏈和預解析

来源:https://www.cnblogs.com/jane-panyiyun/archive/2020/01/09/12171806.html
-Advertisement-
Play Games

作用域,作用域鏈和預解析 變數 >局部變數和全局變數, 作用域: 就是變數的使用範圍 局部作用域和全局作用域 js中沒有塊級作用域 一對括弧中定義的變數,這個變數可以在大括弧外面使用 函數中定義的變數是局部變數 while (true) { var num = 10; break; } consol ...


作用域,作用域鏈和預解析

   
  •  變數---->局部變數和全局變數,
  •  作用域: 就是變數的使用範圍
 
  1.     局部作用域和全局作用域
  2.     js中沒有塊級作用域---一對括弧中定義的變數,這個變數可以在大括弧外面使用
  3.     函數中定義的變數是局部變數
 
    while (true) {
      var num = 10;
      break;
    }
    console.log(num); //10

 

    {
      var num2 = 100;
    }
    console.log(num2); //100

 

    if (true) {
      var num3 = 1000;
    }
    console.log(num3); //1000

 

    function f1() {
      //局部變數
      var num = 10;
    }
    console.log(num); //underfined 局部變數,外面訪問不到

 

    作用域鏈: 變數的使用, 從裡向外, 層層的搜索, 搜索到了就可以直接使用了     層層搜索, 搜索到0級作用域的時候, 如果還是沒有找到這個變數, 結果就是報錯  
    var num = 10; //作用域鏈 級別:0
    var num2 = 20;
    var str = "abc"
    function f1() {
      var num2 = 20;
      function f2() {
        var num3 = 30;
        console.log(num);
      }
      f2();
    }
    f1(); //10

 

預解析: 就是在瀏覽器解析代碼之前, 把變數的聲明和函數的聲明提前(提升)到該作用域的最上面   變數提前,值沒有提前 var =num console.log(num); num=10;  
    // 變數的提升
    console.log(num);
    var num = 100; //undefinded

 

    //函數的聲明被提前了
    f1();
    function f1() {
      console.log("這個函數,執行了");
    }

 

報錯

    f2()
    var f2 = function () {
      console.log("小楊好帥哦");
    };

 

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

-Advertisement-
Play Games
更多相關文章
  • 前言 無論在任何的語言或框架中,我們都提倡代碼的復用性。對於Vue來說也是如此,相同的代碼邏輯會被封裝成組件,除了復用之外,更重要的是統一管理提高開發效率。我真就接手過一個項目,多個頁面都會用到的列表,沒有去封裝列表組件,只要有一點改動,每個頁面都得加上。很肯定的說,沒有用組件化開發的Vue項目是沒 ...
  • 花了幾天時間學習了下 React Native,瞭解了基本的移動端App開發流程,不得不說,坑是真的多。。簡易中小型項目的跨端項目……追求簡單的話還是用uni-app吧。 筆記和demo都放在git上了,瞭解了這些知識,感覺開發中小型App項目應該沒問題了,有需要自取哈 git地址:https:// ...
  • 寫在前面 沒有錯,就是我啦dog cheng,好久不見,從17年在博客園寫下第一篇文章,轉身間已然兩年,從大二到現在的大四預備畢業生,我仍然在這條道路上前進。秋招早已經結束,在拿到用友,滴滴的offer之後,最終在九月選擇了百度APP,但是我沒有停下,懷著學習的態度完成了一份 90頁PDF , 近1 ...
  • 準備工作: 1、在微信公眾號平臺,申請小程式賬號,獲取appid2、下載並安裝微信開發者工具 3、做不同解析度設備的自適應:單位使用rpxIPhone6下 1px=1rpx=0.5pt使用rpx,小程式會自動在不同解析度下進行轉換 首先是項目的入口頁面 welcome.wxml <view clas ...
  • 一、HTML代碼: 二、jQuery代碼: ...
  • 閉包小案例 普通的函數 //普通的函數 function f1() { var num = 10; num++; return num; } console.log(f1()); //11 console.log(f1()); //11 console.log(f1()); //11 函數模式的閉包 ...
  • 閉包 閉包的概念: 函數A中, 有一個函數B, 函數B中可以訪問函數A中定義的變數或者是數據, 此時形成了閉包(這句話暫時不嚴謹) 閉包的模式: 函數模式的閉包, 對象模式的閉包 閉包的作用: 緩存數據, 延長作用域鏈 閉包的優點和缺點: 緩存數據 閉包的應用 函數模式的閉包: 在一個函數中有一個函 ...
  • WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang. ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...