主頁 > 企業開發 > JS課堂筆記(4.17-4.21)

JS課堂筆記(4.17-4.21)

2023-04-24 08:19:21 企業開發

一、回圈

 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.閉包的特性:使用嵌套函式訪問上游變數的時候,這個變數因為特殊的作用域環境,而不能被垃圾回識訓制釋放,所造成的變數常駐記憶體,這才是閉包的真正原因,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/550971.html

標籤:JavaScript

上一篇:JavaScript 使用 splice 方法洗掉陣列元素可能導致的問題

下一篇:返回列表

標籤雲
其他(157945) Python(38094) JavaScript(25389) Java(17988) C(15215) 區塊鏈(8259) C#(7972) AI(7469) 爪哇(7425) MySQL(7137) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4558) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2430) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1959) Web開發(1951) HtmlCss(1923) python-3.x(1918) 弹簧靴(1913) C++(1910) xml(1889) PostgreSQL(1872) .NETCore(1854) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • JS課堂筆記(4.17-4.21)

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

    uj5u.com 2023-04-24 08:19:21 more
  • JavaScript 使用 splice 方法洗掉陣列元素可能導致的問題

    JavaScript 使用 splice 方法洗掉陣列元素可能導致的問題 splice() 方法通過洗掉或替換現有元素或者原地添加新的元素來修改陣列,并以陣列形式回傳被修改的內容。此方法會改變原陣列。 JavaScript 遍歷陣列并通過 splice 方法洗掉該陣列符合某些條件的元素將會導致哪些問 ......

    uj5u.com 2023-04-24 08:19:12 more
  • 上周日為開始日,本周六為結束日,這一周在一年中的所在周數

    function getWeekNumber(date) { // 創建表示周日的新 Date 物件并獲取其時間戳 const sunday = new Date(date.getFullYear(), date.getMonth(), date.getDate() - date.getDay()) ......

    uj5u.com 2023-04-24 08:19:04 more
  • Node工程的依賴包管理方式

    在前端工程化中,JavaScript 依賴包管理是非常重要的一環。依賴包通常是專案所依賴的第三方庫、工具和框架等資源,它們能夠幫助我們減少重復開發、提高效率并且確保專案可以正確的運行。 ......

    uj5u.com 2023-04-24 08:18:56 more
  • js實作防抖(debounce)與節流(throttle)

    防抖(debounce) 一句話概括:防抖是給定一個時間周期,如果觸發事件的周期小于該事件(也就是觸發過快),則不會觸發事件。 舉個例子:我給定的時間周期是1s,如果我在觸發第一次事件后1s內觸發該事件,則重新開始計時,直到觸發周期大于1s才會執行事件的方法。 function debounce(f ......

    uj5u.com 2023-04-24 08:18:49 more
  • 一文搞懂JavaScript陣列的特性

    前言 陣列是幾乎所有編程語言的基礎語法,JavaScript因為語法特性,之前缺少一些集合類物件,對陣列的使用就會更多一些,因此我們更需要理解陣列知識。 然而大部分人對陣列都已經非常熟悉了,所以本文將不會介紹陣列的基礎語法和用法,而是從JavaScript中陣列的一些特殊之處入手,通過這些少有特性的 ......

    uj5u.com 2023-04-24 08:18:44 more
  • 引入在線檔案方法

    場景:專案中有些靜態頁,沒有呼叫介面,而客戶那邊就今天改幾個字,明天改幾個圖片這種,客戶或者非開發人員吧,還不大會運行專案,這種情況下就很頭疼,特別是手里有比較急的專案啥的 個人感覺行的通的方案,就是放在第三方,客戶下載個js檔案,替換中文或者圖片啥的,然后覆寫那個檔案,感覺比教他運行代碼啥的靠譜的 ......

    uj5u.com 2023-04-24 08:18:21 more
  • 經典的52條產品互動設計原則

    互動設計原則有很多,《小紅書的52條設計原則》可以學習下,非常棒的輸出,值得做產品設計的童鞋學習一下。 ......

    uj5u.com 2023-04-24 08:12:14 more
  • TypeScript中的實用工具型別(Utility Types)

    TypeScript中的實用工具型別是一些預定義的泛型型別,可用于操作或創建其它新型別。這些實用工具型別在所有TypeScript專案中都是全域可用的,因此無需添加任務依賴項即可使用它們。 1.Partial<Type> 將Type的所有屬性都設定為可選的型別。 1 interface Person ......

    uj5u.com 2023-04-23 07:50:50 more
  • vue3組合式API介紹

    為什么要使用Composition API? 根據官方的說法,vue3.0的變化包括性能上的改進、更小的 bundle 體積、對 TypeScript 更好的支持、用于處理大規模用例的全新 API,全新的api指的就是本文主要要說的組合式api。 在 vue3 版本之前,我們復用組件(或者提取和重用 ......

    uj5u.com 2023-04-23 07:50:45 more