[JavaScript]“復雜”的 this

【版權聲明】未經博主同意,謝絕轉載!(請尊重原創,博主保留追究權)
https://blog.csdn.net/m0_69908381/article/details/140092319
出自【進步*于辰的博客】

參考筆記二,P6.1;筆記三,P72、P73.1。

先言

我很早就知曉JS的這個知識點——this的重要性,并特意系統學習、理解并有所筆記,但限于平日用得少,對其的理解慢慢淡化。

前段時間打算復習一下,一翻閱筆記“懵逼”,因為我的筆記是經個人理解后“精簡”的,若后來有所淡忘再去看必然難免一些地方不理解,無妨,再去系統學一遍。

你肯定會問:“你明知this這個知識點的重要性,平日怎么會少用,進而淡忘?” 有句話你肯定聽過,“面試造航母,開發擰螺絲”。(PS:這次不是為了面試,而是出于工作需要,有必要鞏固一些JS基礎)

啟發博文:《js中this究竟指向哪里?現在終于搞定了!》(轉發)。

我覺得這位哥們總結得很全面,解決了我所有的疑惑。我也有所筆記,特作此文。當然,不是做一個“搬運工”(PS:那樣沒意義)。

前面我說過,我的筆記是經個人理解后“精簡”的,故你可能不一定能理解它們(出于個人時間考慮,我暫不打算對它們進行舉例說明和擴展)。如果你一臉懵逼,還是移步【啟發博文】吧。

早期筆記

1this指向類似引用,this.xx即訪問調用它的對象的xx屬性,此時this指向調用它的對象。(注:所謂“調用”,不是指僅“寫出來”,而是“訪問”)

2:當函數中有this時,this一定指向函數的上一級對象。訪問變量時(this.xx),若函數中存在此變量聲明(this.xx = xx),則訪問該變量,否則訪問函數的上一級對象的xx屬性。此時,this指向函數的上一級對象,而不是函數。

3this的指向在調用時確定,函數的確可以實例化,但本身不是對象,故this不會指向它。

4:函數可作為變量傳遞,但函數不是對象,故若要訪問函數的局部變量,需實例化。

5:若函數的返回值是對象(對象或函數),則this指向該對象,否則指向此函數的實例(返回值無效)。特例:若函數返回undefinednull,盡管null也是對象,但this仍指向此函數實例(實例化會改變this指向)。

以上就是我早期學習this時所作的筆記,這樣怎會讓人不“懵逼”。如今看來,雖然有點“抽象”,但經我核對,這些筆記本身是無誤的,正好應對this使用時諸多的“復雜”情況。所謂“存在即合理”,于是我也將它們“遷移”過來了。

如今筆記

1:JS規定:由于this一定指向對象,故即便this所指向的對象中不存在屬性athis.a返回的是undefined,而非報錯。

2:對象定義中的this一定指向該對象,如:使用字面量定義對象的屬性的屬性值為函數引用,函數中的this

3:this也應遵循“詞法作用域”。

4this指向調用者(對象)。若函數引用作為對象屬性,如:字面量、構造函數(this.fun = fun),則函數內的this指向該對象;若函數調用語句作為對象屬性,如:字面量、構造函數(this.fun = fun),則函數內的this指向全局對象。

5:假設對象obj1依賴obj2(字面量定義),調用obj1.obj2.fun()同樣遵循 第4點,可理解為“就近原則”。

6:在全局作用域下定義的函數若在全局作用域下調用,函數內的this一定指向全局對象。有三種方法可改變this指向(顯式綁定):

  1. fun.call(obj, arg1, ...)
  2. fun.apply(obj, [arg1, ...])
  3. fun.bind(obj, arg1, ...)

其中,前2個在指定this指向的同時調用,而bind()只作相應綁定,并未調用,其返回作綁定后的“新函數”,故需再調用(newFun())。

再調用時也可指定實參。若調用bind()時未指定全部實參,再指定的實參可作為“候補”,否則,再指定實參無效(不會覆蓋)。

注意

  1. arg1, ...[arg1, ...]是固定格式。其中,調用apply()時,即便只有一個形參,也必須是列表。
  2. obj必須是對象才有效(改變this指向),若obj是函數,則this仍指向全局對象。

重申一遍:如果你仍然覺得一臉懵逼,還是移步【啟發博文】吧。

本文完結。

上一篇:[JavaScript]作用域的“生產者”——詞法作用域。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/38007.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/38007.shtml
英文地址,請注明出處:http://en.pswp.cn/web/38007.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【鏈表】- 兩數相加

1. 對應力扣題目連接 兩數相加 2. 實現案例代碼 public class AddingTwoNumbers {public static void main(String[] args) {// 示例用例 1ListNode l1 new ListNode(2);l1.next new ListNode(4);l1.next.next new ListNode(5);ListNode l2 new ListNode(5);l2.next ne…

【Python爬蟲】Python爬取喜馬拉雅,爬蟲教程!

一、思路設計 (1)分析網頁 在喜馬拉雅主頁找到自己想要的音頻,得到目標URL:https://www.ximalaya.com/qinggan/321787/ 通過分析頁面的網絡抓包,最終的到一個比較有用的json數據包 通過分析,得到了發送json…

docker部署前端,配置域名和ssl

之前使用80端口部署前端項目后,可以使用IP端口號在公網訪問到部署的項目。 進行ICP域名備案后,可以通過域名解析將IP套殼,訪問域名直接訪問到部署的項目~ 如果使用http協議可以很容易實現這個需求,對nginx.conf文件進行修改&#…

Spring Boot集成DeepLearning4j實現圖片數字識別

1.什么是DeepLearning4j? DeepLearning4J(DL4J)是一套基于Java語言的神經網絡工具包,可以構建、定型和部署神經網絡。DL4J與Hadoop和Spark集成,支持分布式CPU和GPU,為商業環境(而非研究工具目的…

《昇思25天學習打卡營第28天 | 昇思MindSporeVision Transformer圖像分類》

第28天 本節學習了Vision Transformer圖像分類 ViT則是自然語言處理和計算機視覺兩個領域的融合結晶。在不依賴卷積操作的情況下,依然可以在圖像分類任務上達到很好的效果。ViT模型的主體結構是基于Transformer模型的Encoder部分(部分結構順序有調整&a…

Mojo: AI開發的革命性編程語言

------------->更多內容&#xff0c;請移步“魯班秘笈”&#xff01;&#xff01;<------------- 剛剛Mojo和HuggingFace一樣發布新版本&#xff0c;此版本編號為24.4&#xff0c;包括幾個核心語言和標準庫增強功能。此版本最大的亮點之一是收到了來自18個社區貢獻者的21…

redis布隆過濾器原理及應用場景

目錄 原理 應用場景 優點 缺點 布隆過濾器&#xff08;Bloom Filter&#xff09;是一種空間效率很高的隨機數據結構&#xff0c;它利用位數組和哈希函數來判斷一個元素是否存在于集合中。 原理 數據結構&#xff1a; 位數組&#xff1a;一個由0和1組成的數組&#xff0c;初始…

【AI應用探討】—膠囊神經網絡(GNN)應用場景

目錄 一、圖像識別與分類 二、目標檢測與跟蹤 三、自然語言處理 四、其他應用場景 一、圖像識別與分類 多層次特征捕捉 膠囊網絡通過其獨特的膠囊結構和動態路由算法&#xff0c;能夠捕捉圖像中的多層次特征。每個膠囊不僅輸出激活強度&#xff0c;還輸出一個多維向量&…

Docker Desktop安裝mysql

安裝 Docker Desktop 1、訪問 Docker Desktop 官方下載地址&#xff1a;https://www.docker.com/products/docker-desktop/ &#xff0c; 選擇對應平臺的 Docker Desktop 安裝包點擊下載&#xff1a; 2、下載成功后&#xff0c;雙擊開始安裝&#xff1a; 3、安裝之前的相關配…

產品經理-對產品經理的認識(1)

今天跟大家聊一下產品經理這個崗位的,產品經理是互聯網崗位當中比較火的一個崗位,也是最接近CEO的崗位 產品經理崗位&#xff0c;技術門檻低&#xff0c;薪水和前景都很不錯&#xff0c;又處于團隊的核心位置 產品經理崗位沒有完全相關的專業設置和清晰的學習路徑&#xff0c;絕…

Spring Boot中實現多數據源配置

Spring Boot中實現多數據源配置 大家好&#xff0c;我是免費搭建查券返利機器人省錢賺傭金就用微賺淘客系統3.0的小編&#xff0c;也是冬天不穿秋褲&#xff0c;天冷也要風度的程序猿&#xff01;今天我們將探討如何在Spring Boot應用中實現多數據源配置&#xff0c;以應對復雜…

java框架的落地實踐案例:大數據平臺設計與實現

使用 java 框架設計和實現大數據平臺可為企業提供數據處理和分析解決方案&#xff0c;使之能夠做出數據驅動的決策。系統采用微服務架構&#xff0c;分解數據處理任務為松散耦合組件&#xff0c;構建于 spring boot 等 java 框架之上。數據采集通過kafka 進行&#xff0c;數據清…

Rust借助dotenv庫讀取環境變量

這里寫自定義目錄標題 歡迎使用Markdown編輯器新的改變功能快捷鍵合理的創建標題&#xff0c;有助于目錄的生成如何改變文本的樣式插入鏈接與圖片如何插入一段漂亮的代碼片生成一個適合你的列表創建一個表格設定內容居中、居左、居右SmartyPants 創建一個自定義列表如何創建一個…

(親測有效)2024代替電視家的app,電視家停了還有什么軟件可以看電視?

嘿&#xff0c;大家好&#xff0c;我是阿星&#xff0c;今天又來跟大家聊聊那些讓人眼前一亮的電視直播軟件。咱們這回不聊那些老掉牙的&#xff0c;來點新鮮的&#xff0c;讓咱們的電視屏幕也能跟上潮流&#xff0c;享受一下科技帶來的便利和樂趣。 首先&#xff0c;得提一提…

如何評價CSS框架TailwindCSS?

端午三天&#xff0c;你們在放假&#xff0c;而我&#xff0c;一個人躲在家里&#xff0c;苦練 tailwindcss。 我在準備這樣一個學習項目&#xff0c;它與傳統的文章/視頻類學習不同&#xff0c;我會在教程中內置大量的可交互案例&#xff0c;提供沉浸式的學習體驗&#xff0c…

SpringMVC中執行流程

文章目錄 14、SpringMVC執行流程14.1、SpringMVC常用組件14.2、DispatcherServlet初始化過程①初始化WebApplicationContext②創建WebApplicationContext③DispatcherServlet初始化策略 14.3、DispatcherServlet調用組件處理請求①processRequest()②doService()③doDispatch()…

Zynq7000系列FPGA中DMA引擎編程指南

DMA引擎的編程指南通常涉及一系列步驟和API調用&#xff0c;以確保數據在內存之間的高效傳輸&#xff0c;而無需CPU的直接干預。 DMA引擎的編程指南包括以下部分&#xff1a; 一、編寫微代碼為AXI事務編寫CCRx程序 通道微碼用于設置dmac.CCRx寄存器以定義AXI事務的屬性。這是…

TikTok直播限流與網絡的關系及解決方法

TikTok作為一款熱門的社交平臺&#xff0c;其直播功能吸引了大量用戶。然而&#xff0c;一些用戶可能會遇到TikTok直播限流的問題&#xff0c;例如直播過程中出現播放量低、直播畫面質量差等情況。那么&#xff0c;TikTok直播限流與所使用的網絡線路是否有關系&#xff1f;是否…

學習springIOC

第二章 Spring IOC 章節內容 Spring IOC技術實現Spring IOC設值注入Spring IOC構造注入 章節目標 掌握Spring IOC技術實現掌握Spring IOC設置注入掌握Spring IOC構造注入 第一節 Spring簡介 1. Spring 簡介 Spring 是目前主流的 Java 開發框架&#xff0c;是 Java 世界最…

Android實現手寫輸入

android應用開發中有時會有手寫輸入需求&#xff0c;非通過系統鍵盤手寫功能&#xff0c;比如自定義鍵盤&#xff0c;這時就需要自己來實現&#xff0c;一般有兩種場景&#xff1a;一種是類似手寫簽名保存&#xff1b;另一種是真正的手寫輸入&#xff0c;需要將筆跡識別成正確的…