JS 基礎知識深入

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

數據類型的分類和判斷 基本(值)類型 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請求回調函數
      • 生命周期回調函數

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

更多相關文章
  • 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 ...
  • 自媒體的發展越來越快,今日頭條旗下的西瓜視頻,火山和抖音在網路上的地位也在發生微妙的變化。包括快手和抖音,微視小視頻平臺的競爭和衝擊也是不容小覷。但是很多用戶還是執著於今日頭條搬運,不離不棄。今天老生常談,跟大家說說,如何利用批量去水印下載西瓜視頻的短視頻。工具不僅僅是支持西瓜的,快手的、抖音的、微 ...
一周排行
  • 比如要拆分“呵呵呵90909086676喝喝999”,下麵當type=0返回的是中文字元串“呵呵呵,喝喝”,type=1返回的是數字字元串“90909086676,999”, private string GetStrings(string str,int type=0) { IList<strin ...
  • Swagger一個優秀的Api介面文檔生成工具。Swagger可以可以動態生成Api介面文檔,有效的降低前後端人員關於Api介面的溝通成本,促進項目高效開發。 1、使用NuGet安裝最新的包:Swashbuckle.AspNetCore。 2、編輯項目文件(NetCoreTemplate.Web.c ...
  • 2020 年 7 月 30 日, 由.NET基金會和微軟 將舉辦一個線上和為期一天的活動,包括 微軟 .NET 團隊的演講者以及社區的演講者。本次線上大會 專註.NET框架構建微服務,演講者分享構建和部署雲原生應用程式的最佳實踐、模式、提示和技巧。有關更多信息和隨時瞭解情況:https://focu... ...
  • #abp框架Excel導出——基於vue #1.技術棧 ##1.1 前端採用vue,官方提供 UI套件用的是iview ##1.2 後臺是abp——aspnetboilerplate 即abp v1,https://github.com/aspnetboilerplate/aspnetboilerp ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:碧茂大數據 PS:如有需要Python學習資料的小伙伴可以加下方的群去找免費管理員領取 input()輸入 Python提供了 input() 內置函數從標準輸入讀入一 ...
  • 從12年到20年,python以肉眼可見的趨勢超過了java,成為了當今It界人人皆知的編程語言。 python為什麼這麼火? 網路編程語言搜索指數 適合初學者 Python具有語法簡單、語句清晰的特點,這就讓初學者在學習階段可以把精力集中在編程對象和思維方法上。 大佬都在用 Google,YouT ...
  • 在社會上存在一種普遍的對培訓機構的學生一種歧視的現象,具體表現在,比如:當你去公司面試的時候,一旦你說了你是培訓機構出來的,那麼基本上你就涼了,那麼你瞞著不說,然後又通過了面試成功入職,但是以後一旦在公司被髮現有培訓經歷,可能會面臨被降薪,甚至被辭退,培訓機構出來的學生,在用人單位眼裡就是能力低下的 ...
  • from typing import List# 這道題看了大佬寫的代碼,經過自己的理解寫出來了。# 從最外圍的四周找有沒有為O的,如果有的話就進入深搜函數,然後深搜遍歷# 判斷上下左右的位置是否為Oclass Solution: def solve(self, board: List[List[s ...
  • import requests; import re; import os; # 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, li ...
  • import requests; import re; import os; import parsel; 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537. ...