JS課堂筆記(4.17-4.21)

来源:https://www.cnblogs.com/web-ShiWen/archive/2023/04/23/17336674.html
-Advertisement-
Play Games

一、迴圈 1.在程式中,一組被重覆執行的語句被稱為迴圈體,能否繼續重覆執行,取決於迴圈的終止條件。由迴圈體及迴圈的終止條件組成的語句,被稱為迴圈語句。 2.迴圈執行的過程是①第一次迴圈:第一次賦值,然後條件判斷,執行迴圈體,最後執行累計。 ②非第一次迴圈:條件判斷,執行迴圈體,最後執行累計。 3.c ...


一、迴圈

 1.在程式中,一組被重覆執行的語句被稱為迴圈體,能否繼續重覆執行,取決於迴圈的終止條件。由迴圈體及迴圈的終止條件組成的語句,被稱為迴圈語句。

2.迴圈執行的過程是①第一次迴圈:第一次賦值,然後條件判斷,執行迴圈體,最後執行累計。

②非第一次迴圈:條件判斷,執行迴圈體,最後執行累計。

3.continue,跳過本次進入下一次迴圈,從continue當前位置跳過,上面的還是會執行。

4.break,停止迴圈,從break當前位置停止迴圈體的執行。

5.迴圈的目的:為了重覆的執行相同的任務或操作,減少了重覆代碼的書寫。

6.for迴圈總結:
①for迴圈可以重覆執行某些相同代碼

②for迴圈可以重覆執行些許不同的代碼,因為我們有計數器。

③for迴圈可以重覆執行某些操作,比如算術運算符加法操作。

④需求的增加,雙重for迴圈可以做更多,更好看的效果。

⑤雙重for迴圈,外層迴圈一次,內層for迴圈全部執行。

⑥for迴圈是迴圈條件和數字直接相關的迴圈。

⑦分析比寫代碼更重要。

二、while迴圈和do while迴圈

1.while迴圈:while(條件表達式){迴圈體代碼}

執行思路:

①先執行條件表達式,如果結果為true則執行迴圈體代碼;如果為false,則退出迴圈,執行後面代碼。

②執行迴圈體代碼

③迴圈體代碼執行完畢後,程式會繼續判斷執行條件表達式,如條件仍為true,則會繼續執行迴圈體,知道迴圈條件為false,整個迴圈過程才會結束。

2.do while迴圈:do{迴圈體--條件表達式為true時重覆執行迴圈體代碼}while(條件表達式)

執行思路:

①先執行一次do後的迴圈體

②再判斷條件,如果為true,就會繼續執行迴圈體,否則推出迴圈。

三、函數

⭐函數有自己的作用域,凡是在函數中聲明的變數或者函數都只能在當前函數中生效,不會影響外部。

⭐函數重載:接受不同參數,執行不同的任務。

1.函數:就是封裝了一段可被重覆調用執行的代碼塊。通過此代碼塊可以實現大量代碼的重覆使用。

2.函數的使用:

①聲明函數:function 函數名(){函數體代碼}

②調用函數:函數名()

!!註意:

①function聲明函數的關鍵字小寫

②函數是做某件事情,函數名一般用動詞加名詞,如getSum

③函數不調用就不會執行

④函數調用時千萬記得小括弧()

3.函數的參數(動態控制函數行為的變數值):

形參和實參:function 函數名(形參1,形參2,形參3,.....){}

函數名(實參1,實參2,實參3,......)

①形參:函數接收的參數。(形參(形式/表示參數),接收實參,相當於變數,遵循變數規範)

②實參:函數調用時傳入的參數。(實際的參數,相當於值。實參是傳遞給形參的。)

4.函數的返回值:return

①函數中遇到return就立即停止執行,return下麵的代碼就不執行了,立刻向函數調用返回。

②函數預設的返回值是undefined。

5.函數可以提升,而且是整體提升。

6.函數和變數同名的情況下,在提升的時候,函數權重要大於變數。

7.同名函數在提升的情況下,最後的函數生效。

8.return的用法

①return不管寫在什麼代碼體里,只要往外能找到函數就可以生效。

②return只對當前函數生效。

四、數組

1.創建數組的兩種方式:

①構造方式——構造===一個函數通過new關鍵字調用就形成了構造newArray()

②字面量形式:var arr = [ ]

字面量是我們程式員快速書寫代碼的一種寫法,其底層還是調用了構造方式。

2.①基本數據類型是按值存儲;引用數據類型是存儲的地址。

②引用數據類型耗記憶體,比較吃記憶體;

對於特別占記憶體的值,除了單獨的存儲方式,為的是復用

③垃圾回收機制,對於基本數據類型使用完就被回收了,引用數據類型除非作用域被銷毀,否則就會常駐記憶體了。

3.數組中的新增元素(索引/下標/游標)

①可以通過修改length長度以及索引號增加數組元素,length屬性是可讀寫。

②通過修改數組索引新增元素

4.數組方法:分兩類,一類可以修改原始數組,一類不可以。

四大業務:增加,修改,刪除,查找

①添加:push——向數字的末尾添加元素。

unshift——向數組頭部添加元素。

②刪除元素

delete  數組名[下標]:只能刪除值,但是位置還在。

尾部刪除:數組.pop()

頭部刪除:數組.shift()

③修改      ts===typescript

用下標修改

④查找

findIndex:尋找下表

find:尋找元素

⑤合併數組

concat(返回新數組不會修改老數組,屬於數據新增):數組.concat(需合併的數組)

⑥查詢

for迴圈可以實現

內置的查找方法:find(找元素,找不到返回undefined)

findIndex(找下標)

⑦數組反轉

reverse(可以修改原始數組):數組.reverse()

5.push和unshift可以改變原始數組,返回值是最新數組的長度。

6.清空數組:arr.length = 0;    var  arr  =  [ ]

7.pop和shift傳參沒用用,只能掉一次刪一個,它們的返回值是被刪除的元素。

8.回調函數:把一個函數作為參數給到另一個函數。

五、變數作用域、預解析和閉包

1.變數作用域:全局變數和局部變數

2.全局變數:在全局作用域下聲明的變數叫做全局變數(在函數外部定義的變數)

①全局變數在代碼的任何位置都可以使用

②在全局作用域下var聲明的變數是全局變數

③特殊情況下,在函數內部使用var聲明的變數也是全局變數(不建議使用)

3.局部變數:在局部作用域下聲明的變數叫做局部變數(在函數內部定義的變數)

①局部變數只能在函數內部使用

②在函數內部var聲明的變數是局部變數

③函數的形參實際上就是局部變數

4.全局變數和局部變數的區別

①全局變數在任何一個地方都可以使用,只有瀏覽器關閉時才會被銷毀,因此比較占記憶體。

②局部變數只能在函數內部使用,當其所在的代碼塊被執行時,會被初始化;當函數運行結束後,就會被銷毀,因此更節省記憶體空間。

5.作用域介紹

js的作用於分為全局作用域和局部作用域

①全局作用域:整個script標簽或者是一個單獨的js文件

②局部作用域(函數作用域):在函數內部就是局部作用域,只在函數內部起作用。

6.預解析介紹

JavaScript解析器在運行JavaScript代碼的時候會分為兩步:預解析和代碼執行。

①預解析:js引擎就把js裡面所有的var還有function提升到當前作用域的最上面。

②代碼執行:按照代碼書寫的順序從上往下執行。

7.預解析分為變數預解析(變數提升)和函數預解析(函數提升):

①變數提升就是把所有變數的聲明提升到當前作用域的頂部,不提升賦值部分。

②函數提升就是把所有的函數聲明提升到當前作用域的頂部,不調用函數。

③函數表達式調用必須寫在函數表達式下麵。

8.函數自執行

①將函數表達式用小括弧括起來後,調用;

②將函數表達式調用後用小括弧括起來。

9.函數前面使用“+”等符號是為什麼?

為了防止代碼壓縮後函數和其他的代碼拼成一行導致的語法錯誤,函數不可執行的問題。

10.arguments:表示形參的集合,是偽數組(長得像數組,但是不能使用數組的方法)

11.arguments有隻讀特性,可以使用length和下標取值。

12.如何將偽數組變為數組?

①for迴圈可以實現

②ES6的方法:var  arr  =  [...arguments];

13.作用域鏈就是函數嵌套的時候,內部函數可以訪問外部函數的值。

14.閉包:兩個函數嵌套,內部函數訪問外部函數的一個值,且內部函數需要被return暴露出來,這個過程叫閉包。

15.閉包的特性:使用嵌套函數訪問上游變數的時候,這個變數因為特殊的作用域環境,而不能被垃圾回收機制釋放,所造成的變數常駐記憶體,這才是閉包的真正原因。


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

-Advertisement-
Play Games
更多相關文章
  • 摘要:目前MetaERP已經覆蓋了華為公司100%的業務場景和80%的業務量。 本文分享自華為雲社區《強渡大渡河!華為雲GaussDB支撐華為MetaERP系統全面替換》,作者: 華為雲頭條。 近日,在“英雄強渡大渡河”MetaERP表彰會上,華為宣佈實現自主可控的MetaERP研發,並完成對舊ER ...
  • Redis集群是一種通過將多個Redis節點連接在一起以實現高可用性、數據分片和負載均衡的技術。它允許Redis在不同節點上同時提供服務,提高整體性能和可靠性。根據搭建的方式和集群的特性,Redis集群主要有三種模式:主從複製模式(Master-Slave)、哨兵模式(Sentinel)和Clust... ...
  • GreatSQL社區原創內容未經授權不得隨意使用,轉載請聯繫小編並註明來源。 GreatSQL是MySQL的國產分支版本,使用上與MySQL一致。 作者: 王權富貴 文章來源:GreatSQL社區投稿 背景概述 由於安裝資料庫時將MySQL的數據目錄放在了根目錄下,現在存儲空間不足,想通過mv將數據 ...
  • 一、主從Redis部署(docker) 首先,我準備了兩台linux,一臺準備當作master,ip是192.168.241.128,另一臺是當作slave,ip是192.168.241.129。 1. 安裝redis docker pull redis 2. 下載對應版本的redis.conf 可 ...
  • 一、Redis Cluster 工作原理 在引入哨兵機制後,解決了Redis主從架構Master故障時的主從切換問題,保證了Redis服務可用性。但依舊無法解決單機節點出現的寫入性能瓶頸(網卡速率、單機記憶體容量、併發數量) 1、早期為解決單機性能瓶頸問題採用的解決方案: 1、客戶端分片:由客戶端程式 ...
  • 在App開發過程中,如果想實現動畫效果,可以粗略分為兩種方式。一種是直接用代碼編寫,像平移、旋轉等簡單的動畫效果,都可以這麼乾,如果稍微複雜點,就會對開發工程師的數學功底、圖形圖像學功底有很高的要求。 ...
  • Android Studio的安裝及環境配置 安裝jdk 下載及安裝Android Studio 下載官網:https://developer.android.google.cn/studio/ 往下滑: 建議下載到除C盤以外的盤: 下載好安裝程式之後 雙擊安裝:一路next,install And ...
  • 京東小程式是一個開放技術平臺,正在被越來越多的頭部品牌選擇,用於站內私域流量的營銷和運營。諸如各種日化、奢侈品等品牌對ARVR有較多的訴求,希望京東小程式引擎提供一些底層能力,疊加品牌自主的個性化開發和定製,以支持更加豐富的場景和玩法,比如AR試妝、試戴等。 ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...