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
  • 概述:在C#中,++i和i++都是自增運算符,其中++i先增加值再返回,而i++先返回值再增加。應用場景根據需求選擇,首碼適合先增後用,尾碼適合先用後增。詳細示例提供清晰的代碼演示這兩者的操作時機和實際應用。 在C#中,++i 和 i++ 都是自增運算符,但它們在操作上有細微的差異,主要體現在操作的 ...
  • 上次發佈了:Taurus.MVC 性能壓力測試(ap 壓測 和 linux 下wrk 壓測):.NET Core 版本,今天計劃準備壓測一下 .NET 版本,來測試並記錄一下 Taurus.MVC 框架在 .NET 版本的性能,以便後續持續優化改進。 為了方便對比,本文章的電腦環境和測試思路,儘量和... ...
  • .NET WebAPI作為一種構建RESTful服務的強大工具,為開發者提供了便捷的方式來定義、處理HTTP請求並返迴響應。在設計API介面時,正確地接收和解析客戶端發送的數據至關重要。.NET WebAPI提供了一系列特性,如[FromRoute]、[FromQuery]和[FromBody],用 ...
  • 原因:我之所以想做這個項目,是因為在之前查找關於C#/WPF相關資料時,我發現講解圖像濾鏡的資源非常稀缺。此外,我註意到許多現有的開源庫主要基於CPU進行圖像渲染。這種方式在處理大量圖像時,會導致CPU的渲染負擔過重。因此,我將在下文中介紹如何通過GPU渲染來有效實現圖像的各種濾鏡效果。 生成的效果 ...
  • 引言 上一章我們介紹了在xUnit單元測試中用xUnit.DependencyInject來使用依賴註入,上一章我們的Sample.Repository倉儲層有一個批量註入的介面沒有做單元測試,今天用這個示例來演示一下如何用Bogus創建模擬數據 ,和 EFCore 的種子數據生成 Bogus 的優 ...
  • 一、前言 在自己的項目中,涉及到實時心率曲線的繪製,項目上的曲線繪製,一般很難找到能直接用的第三方庫,而且有些還是定製化的功能,所以還是自己繪製比較方便。很多人一聽到自己畫就害怕,感覺很難,今天就分享一個完整的實時心率數據繪製心率曲線圖的例子;之前的博客也分享給DrawingVisual繪製曲線的方 ...
  • 如果你在自定義的 Main 方法中直接使用 App 類並啟動應用程式,但發現 App.xaml 中定義的資源沒有被正確載入,那麼問題可能在於如何正確配置 App.xaml 與你的 App 類的交互。 確保 App.xaml 文件中的 x:Class 屬性正確指向你的 App 類。這樣,當你創建 Ap ...
  • 一:背景 1. 講故事 上個月有個朋友在微信上找到我,說他們的軟體在客戶那邊隔幾天就要崩潰一次,一直都沒有找到原因,讓我幫忙看下怎麼回事,確實工控類的軟體環境複雜難搞,朋友手上有一個崩潰的dump,剛好丟給我來分析一下。 二:WinDbg分析 1. 程式為什麼會崩潰 windbg 有一個厲害之處在於 ...
  • 前言 .NET生態中有許多依賴註入容器。在大多數情況下,微軟提供的內置容器在易用性和性能方面都非常優秀。外加ASP.NET Core預設使用內置容器,使用很方便。 但是筆者在使用中一直有一個頭疼的問題:服務工廠無法提供請求的服務類型相關的信息。這在一般情況下並沒有影響,但是內置容器支持註冊開放泛型服 ...
  • 一、前言 在項目開發過程中,DataGrid是經常使用到的一個數據展示控制項,而通常表格的最後一列是作為操作列存在,比如會有編輯、刪除等功能按鈕。但WPF的原始DataGrid中,預設只支持固定左側列,這跟大家習慣性操作列放最後不符,今天就來介紹一種簡單的方式實現固定右側列。(這裡的實現方式參考的大佬 ...