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
  • GoF之工廠模式 @目錄GoF之工廠模式每博一文案1. 簡單說明“23種設計模式”1.2 介紹工廠模式的三種形態1.3 簡單工廠模式(靜態工廠模式)1.3.1 簡單工廠模式的優缺點:1.4 工廠方法模式1.4.1 工廠方法模式的優缺點:1.5 抽象工廠模式1.6 抽象工廠模式的優缺點:2. 總結:3 ...
  • 新改進提供的Taurus Rpc 功能,可以簡化微服務間的調用,同時可以不用再手動輸出模塊名稱,或調用路徑,包括負載均衡,這一切,由框架實現並提供了。新的Taurus Rpc 功能,將使得服務間的調用,更加輕鬆、簡約、高效。 ...
  • 本章將和大家分享ES的數據同步方案和ES集群相關知識。廢話不多說,下麵我們直接進入主題。 一、ES數據同步 1、數據同步問題 Elasticsearch中的酒店數據來自於mysql資料庫,因此mysql數據發生改變時,Elasticsearch也必須跟著改變,這個就是Elasticsearch與my ...
  • 引言 在我們之前的文章中介紹過使用Bogus生成模擬測試數據,今天來講解一下功能更加強大自動生成測試數據的工具的庫"AutoFixture"。 什麼是AutoFixture? AutoFixture 是一個針對 .NET 的開源庫,旨在最大程度地減少單元測試中的“安排(Arrange)”階段,以提高 ...
  • 經過前面幾個部分學習,相信學過的同學已經能夠掌握 .NET Emit 這種中間語言,並能使得它來編寫一些應用,以提高程式的性能。隨著 IL 指令篇的結束,本系列也已經接近尾聲,在這接近結束的最後,會提供幾個可供直接使用的示例,以供大伙分析或使用在項目中。 ...
  • 當從不同來源導入Excel數據時,可能存在重覆的記錄。為了確保數據的準確性,通常需要刪除這些重覆的行。手動查找並刪除可能會非常耗費時間,而通過編程腳本則可以實現在短時間內處理大量數據。本文將提供一個使用C# 快速查找並刪除Excel重覆項的免費解決方案。 以下是實現步驟: 1. 首先安裝免費.NET ...
  • C++ 異常處理 C++ 異常處理機制允許程式在運行時處理錯誤或意外情況。它提供了捕獲和處理錯誤的一種結構化方式,使程式更加健壯和可靠。 異常處理的基本概念: 異常: 程式在運行時發生的錯誤或意外情況。 拋出異常: 使用 throw 關鍵字將異常傳遞給調用堆棧。 捕獲異常: 使用 try-catch ...
  • 優秀且經驗豐富的Java開發人員的特征之一是對API的廣泛瞭解,包括JDK和第三方庫。 我花了很多時間來學習API,尤其是在閱讀了Effective Java 3rd Edition之後 ,Joshua Bloch建議在Java 3rd Edition中使用現有的API進行開發,而不是為常見的東西編 ...
  • 框架 · 使用laravel框架,原因:tp的框架路由和orm沒有laravel好用 · 使用強制路由,方便介面多時,分多版本,分文件夾等操作 介面 · 介面開發註意欄位類型,欄位是int,查詢成功失敗都要返回int(對接java等強類型語言方便) · 查詢介面用GET、其他用POST 代碼 · 所 ...
  • 正文 下午找企業的人去鎮上做貸後。 車上聽同事跟那個司機對罵,火星子都快出來了。司機跟那同事更熟一些,連我在內一共就三個人,同事那一手指桑罵槐給我都聽愣了。司機也是老社會人了,馬上聽出來了,為那個無辜的企業經辦人辯護,實際上是為自己辯護。 “這個事情你不能怪企業。”“但他們總不能讓銀行的人全權負責, ...