JS 基礎知識深入

来源:https://www.cnblogs.com/jiaoran/archive/2020/07/25/13375788.html
-Advertisement-
Play Games

數據類型的分類和判斷 基本(值)類型 Number 任意數值 typeof String 任意字元串 typeof Boolean true/false typeof undefined undefined typeof/ null null 對象(引用)類型 Object typeof/insta ...


數據類型的分類和判斷

  • 基本(值)類型
    • Number ----- 任意數值 -------- typeof
    • String ----- 任意字元串 ------ typeof
    • Boolean ---- true/false ----- typeof
    • undefined --- undefined ----- typeof/===
    • null -------- null ---------- ===
  • 對象(引用)類型
    • Object ----- typeof/instanceof
    • Array ------ instanceof
    • Function ---- typeof

數據,變數, 記憶體的理解

  • 什麼是數據?
    • 在記憶體中可讀的, 可傳遞的保存了特定信息的'東東'
    • 一切皆數據, 函數也是數據
    • 在記憶體中的所有操作的目標: 數據
  • 什麼是變數?
    • 在程式運行過程中它的值是允許改變的量
    • 一個變數對應一塊小記憶體, 它的值保存在此記憶體中
  • 什麼是記憶體?
    • 記憶體條通電後產生的存儲空間(臨時的)
    • 一塊記憶體包含2個方面的數據
      • 內部存儲的數據
      • 地址值數據
    • 記憶體空間的分類
      • 棧空間: 全局變數和局部變數
      • 堆空間: 對象
  • 記憶體,數據, 變數三者之間的關係
    • 記憶體是容器, 用來存儲不同數據
    • 變數是記憶體的標識, 通過變數我們可以操作(讀/寫)記憶體中的數據

對象的理解和使用

  • 什麼是對象?
    • 多個數據(屬性)的集合
    • 用來保存多個數據(屬性)的容器
  • 屬性組成:
    • 屬性名 : 字元串(標識)
    • 屬性值 : 任意類型
  • 屬性的分類:
    • 一般 : 屬性值不是function 描述對象的狀態
    • 方法 : 屬性值為function的屬性 描述對象的行為
  • 特別的對象
    • 數組: 屬性名是0,1,2,3之類的索引
    • 函數: 可以執行的
  • 如何操作內部屬性(方法)
    • .屬性名
    • ['屬性名']: 屬性名有特殊字元/屬性名是一個變數

函數的理解和使用

  • 什麼是函數?
    • 用來實現特定功能的, n條語句的封裝體
    • 只有函數類型的數據是可以執行的, 其它的都不可以
  • 為什麼要用函數?
    • 提高復用性
    • 便於閱讀交流
  • 函數也是對象
    • instanceof Object===true
    • 函數有屬性: prototype
    • 函數有方法: call()/apply()
    • 可以添加新的屬性/方法
  • 函數的3種不同角色
    • 一般函數 : 直接調用
    • 構造函數 : 通過new調用
    • 對象 : 通過.調用內部的屬性/方法
  • 函數中的this
    • 顯式指定誰: obj.xxx()
    • 通過call/apply指定誰調用: xxx.call(obj)
    • 不指定誰調用: xxx() : window
    • 回調函數: 看背後是通過誰來調用的: window/其它
  • 匿名函數自調用:
    (function(w, obj){
      //實現代碼
    })(window, obj)
    
    • 專業術語為: IIFE (Immediately Invoked Function Expression) 立即調用函數表達式
  • 回調函數的理解
    • 什麼函數才是回調函數?
      • 你定義的
      • 你沒有調用
      • 但它最終執行了(在一定條件下或某個時刻)
    • 常用的回調函數
      • dom事件回調函數
      • 定時器回調函數
      • ajax請求回調函數
      • 生命周期回調函數

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

-Advertisement-
Play Games
更多相關文章
  • 24. 兩兩交換鏈表中的節點給定一個鏈表,兩兩交換其中相鄰的節點,並返回交換後的鏈表。 你不能只是單純的改變節點內部的值,而是需要實際的進行節點交換。 示例: 給定 1->2->3->4, 你應該返回 2->1->4->3. 解題:我們定義4個指針如上進行節點交換,1.給head添加一個虛擬頭節點t ...
  • 原型與原型鏈 所有函數都有一個特別的屬性: prototype : 顯式原型屬性 所有實例對象都有一個特別的屬性: __proto__ : 隱式原型屬性 顯式原型與隱式原型的關係 函數的prototype: 定義函數時被自動賦值, 值預設為, 即用為原型對象 實例對象的__proto__: 在創建實 ...
  • 1.瀏覽器內核及首碼 在CSS中新的屬性標準尚未明確的情況下,各瀏覽器廠商對新屬性的支持情況也不相同,這個階段會對屬性加廠商首碼進行區分。 根據不同的瀏覽器內核,CSS首碼有所不同,最基本的瀏覽器內核有四種,其他內核都是基於此四種進行再研發的。 ① Gecko內核,首碼為“-moz-”,火狐瀏覽器 ...
  • 接下來我們來看鏈表題 206. 反轉鏈表反轉一個單鏈表。 示例: 輸入: 1->2->3->4->5->NULL 輸出: 5->4->3->2->1->NULL 解題:鏈表題需要我們設立更多的指針來保存我們當前操作的細節;1.我們需要定義3個指針 pre,cur ,next,pre為當前鏈表的前一個 ...
  • 我們今天繼續研究數組在演算法中的應用 167. 兩數之和 II - 輸入有序數組 給定一個已按照升序排列 的有序數組,找到兩個數使得它們相加之和等於目標數。 函數應該返回這兩個下標值 index1 和 index2,其中 index1 必須小於 index2。 說明: 返回的下標值(index1 和 ...
  • 前端程式員怎麼才能學好演算法呢?目前演算法優秀的視頻集中在c++,java,python,本人通過幾個月專心看c++的視頻掌握了演算法的基本思路,都翻譯成前端代碼一一寫出來,從真題到思維全面提升演算法思維面對演算法面試,不畏懼 二分查找法O(logn)尋找數組中的最大/最小值O(N)歸併排序演算法 O(nlog ...
  • (一)兩種打包表單區別 |屬性 |特點 |應用 | | | | | |get |加到url,直接可見 |書簽,歷史瀏覽 | |post |間接可見,請求發送量多 |私密,訂購,評論,反饋 | (二)三種溯源區別 |屬性 |特點 |應用 | | | | | |url(uniform resource ...
  • 自媒體的發展越來越快,今日頭條旗下的西瓜視頻,火山和抖音在網路上的地位也在發生微妙的變化。包括快手和抖音,微視小視頻平臺的競爭和衝擊也是不容小覷。但是很多用戶還是執著於今日頭條搬運,不離不棄。今天老生常談,跟大家說說,如何利用批量去水印下載西瓜視頻的短視頻。工具不僅僅是支持西瓜的,快手的、抖音的、微 ...
一周排行
    -Advertisement-
    Play Games
  • 1. 說明 /* Performs operations on System.String instances that contain file or directory path information. These operations are performed in a cross-pla ...
  • 視頻地址:【WebApi+Vue3從0到1搭建《許可權管理系統》系列視頻:搭建JWT系統鑒權-嗶哩嗶哩】 https://b23.tv/R6cOcDO qq群:801913255 一、在appsettings.json中設置鑒權屬性 /*jwt鑒權*/ "JwtSetting": { "Issuer" ...
  • 引言 集成測試可在包含應用支持基礎結構(如資料庫、文件系統和網路)的級別上確保應用組件功能正常。 ASP.NET Core 通過將單元測試框架與測試 Web 主機和記憶體中測試伺服器結合使用來支持集成測試。 簡介 集成測試與單元測試相比,能夠在更廣泛的級別上評估應用的組件,確認多個組件一起工作以生成預 ...
  • 在.NET Emit編程中,我們探討了運算操作指令的重要性和應用。這些指令包括各種數學運算、位操作和比較操作,能夠在動態生成的代碼中實現對數據的處理和操作。通過這些指令,開發人員可以靈活地進行算術運算、邏輯運算和比較操作,從而實現各種複雜的演算法和邏輯......本篇之後,將進入第七部分:實戰項目 ...
  • 前言 多表頭表格是一個常見的業務需求,然而WPF中卻沒有預設實現這個功能,得益於WPF強大的控制項模板設計,我們可以通過修改控制項模板的方式自己實現它。 一、需求分析 下圖為一個典型的統計表格,統計1-12月的數據。 此時我們有一個需求,需要將月份按季度劃分,以便能夠直觀地看到季度統計數據,以下為該需求 ...
  • 如何將 ASP.NET Core MVC 項目的視圖分離到另一個項目 在當下這個年代 SPA 已是主流,人們早已忘記了 MVC 以及 Razor 的故事。但是在某些場景下 SSR 還是有意想不到效果。比如某些靜態頁面,比如追求首屏載入速度的時候。最近在項目中回歸傳統效果還是不錯。 有的時候我們希望將 ...
  • System.AggregateException: 發生一個或多個錯誤。 > Microsoft.WebTools.Shared.Exceptions.WebToolsException: 生成失敗。檢查輸出視窗瞭解更多詳細信息。 內部異常堆棧跟蹤的結尾 > (內部異常 #0) Microsoft ...
  • 引言 在上一章節我們實戰了在Asp.Net Core中的項目實戰,這一章節講解一下如何測試Asp.Net Core的中間件。 TestServer 還記得我們在集成測試中提供的TestServer嗎? TestServer 是由 Microsoft.AspNetCore.TestHost 包提供的。 ...
  • 在發現結果為真的WHEN子句時,CASE表達式的真假值判斷會終止,剩餘的WHEN子句會被忽略: CASE WHEN col_1 IN ('a', 'b') THEN '第一' WHEN col_1 IN ('a') THEN '第二' ELSE '其他' END 註意: 統一各分支返回的數據類型. ...
  • 在C#編程世界中,語法的精妙之處往往體現在那些看似微小卻極具影響力的符號與結構之中。其中,“_ =” 這一組合突然出現還真不知道什麼意思。本文將深入剖析“_ =” 的含義、工作原理及其在實際編程中的廣泛應用,揭示其作為C#語法奇兵的重要角色。 一、下劃線 _:神秘的棄元符號 下劃線 _ 在C#中並非 ...