JS手寫代碼篇---手寫apply方法

11、手寫apply方法

apply方法的作用:

apply 是一個函數的方法,它允許你調用一個函數,同時將函數的 this 值設置為指定的值,并將函數的參數作為數組(或類數組對象)傳遞給該函數。

與call的區別:

最大的區別就是參數部分:

apply:

function greet(greeting, name) {console.log(greeting + ', ' + name);
}var args = ['Hello', 'Alice'];
greet.apply(null, args); // 輸出: Hello, Alice

call:

function greet(greeting, name) {console.log(greeting + ', ' + name);
}greet.call(null, 'Hello', 'Alice'); // 輸出: Hello, Alice

所以在手寫的時候我們格外要注意apply當中參數的解決:與call不同的就是,apply里面對于args的處理不再是…args,因為傳遞的是一個數組,通過擴展運算符處理數組就好。

             // 手寫aoolyFunction.prototype.myApply = function (obj, args) {//args是數組// 先判斷this是不是函數if (typeof this !== 'function') {throw new TypeError("this is not a function")}// 如果是null或者undefiedobj = obj === null || obj === undefined ? globalThis : Object(obj);//    屬性唯一const key = Symbol('temp');obj[key] = this;let res = null;// 要對args進行判斷:null或者undefied// 這里要注意一下:對args進行判斷// args == null 在 JavaScript 中等價于 args === null || args === undefined。if (args == null) {res = obj[key]();} else {res = obj[key](...args);}// 刪除屬性、delete obj[key];return res;}

是否對args進行判斷:

  • 在實現 myCall 方法時,通常不需要對 args 進行判斷,因為 myCall 方法的設計就是接受多個參數,從第二個參數開始,每個參數都會作為函數的參數傳遞。因此,args 參數是一個可變參數列表,不需要進行額外的判斷。
  • 然而,在實現 myApply 方法時,需要對 args 進行判斷,因為 myApply 方法接受一個數組或類數組對象作為參數,需要檢查 args 是否為 nullundefined,如果是,則不傳遞任何參數;否則,使用擴展運算符 ...args 來傳遞參數。

pe.myApply = function (obj, args) {//args是數組
// 先判斷this是不是函數
if (typeof this !== ‘function’) {
throw new TypeError(“this is not a function”)
}
// 如果是null或者undefied
obj = obj === null || obj === undefined ? globalThis : Object(obj);
// 屬性唯一
const key = Symbol(‘temp’);
obj[key] = this;
let res = null;
// 要對args進行判斷:null或者undefied
// 這里要注意一下:對args進行判斷
// args == null 在 JavaScript 中等價于 args === null || args === undefined。
if (args == null) {
res = objkey;
} else {
res = objkey;
}
// 刪除屬性、
delete obj[key];
return res;
}
``是否對args進行判斷:

  • 在實現 myCall 方法時,通常不需要對 args 進行判斷,因為 myCall 方法的設計就是接受多個參數,從第二個參數開始,每個參數都會作為函數的參數傳遞。因此,args 參數是一個可變參數列表,不需要進行額外的判斷。
  • 然而,在實現 myApply 方法時,需要對 args 進行判斷,因為 myApply 方法接受一個數組或類數組對象作為參數,需要檢查 args 是否為 nullundefined,如果是,則不傳遞任何參數;否則,使用擴展運算符 ...args 來傳遞參數。

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

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

相關文章

冪等性:保障系統穩定的關鍵設計

冪等性(Idempotence) 是計算機科學和分布式系統中的核心概念,指同一操作重復執行多次所產生的效果與執行一次的效果相同。這一特性對系統容錯性、數據一致性至關重要,尤其在網絡通信(如HTTP)和數據庫設計中…

electron定時任務,打印內存占用情況

// 監聽更新 function winUpdate(){// 每次執行完后重新設置定時器try {// 獲取當前時間并格式化為易讀的字符串const now new Date();const timeString now.toLocaleString();console.log(當前時間: ${timeString});// 記錄內存使用情況(可選)const m…

華為手機開機卡在Huawei界面不動怎么辦?

遇到華為手機卡在啟動界面(如HUAWEI Logo界面)的情況,可依次嘗試以下解決方案,按操作復雜度和風險由低到高排序: 🔧 一、強制重啟(優先嘗試) 1.通用方法? 長按 ?電源鍵 音量下鍵?…

Python爬蟲之數據提取

本章節主要會去學習在爬蟲中的如何去解析數據的方法,要學習的內容有: 響應數據的分類結構化數據如何提取非結構化數據如何提取正則表達式的語法以及使用jsonpath解析嵌套層次比較復雜的json數據XPath語法在Python代碼中借助lxml模塊使用XPath語法提取非…

并行智算MaaS云平臺:打造你的專屬AI助手,開啟智能生活新紀元

目錄 引言:AI助手,未來生活的必備伙伴 并行智算云:大模型API的卓越平臺 實戰指南:調用并行智算云API打造個人AI助手 3.1 準備工作 3.2 API調用示例 3.3 本地智能AI系統搭建 3.4 高級功能實現 并行智算云的優勢 4.1 性能卓越…

三維坐標轉換

如果坐標(x,y,z)->(y,-z,-x)可以使用坐標系: import mathdef mat_vec_mult(matrix, vector):"""將 3x3 矩陣與 3x1 向量相乘。參數:matrix: 3x3 的旋轉矩陣vector: 3x1 的向量返回:3x1 的結果向量"""resul…

【C++高級主題】虛繼承

目錄 一、菱形繼承:虛繼承的 “導火索” 1.1 菱形繼承的結構與問題 1.2 菱形繼承的核心矛盾:多份基類實例 1.3 菱形繼承的具體問題:二義性與數據冗余 二、虛繼承的語法與核心目標 2.1 虛繼承的聲明方式 2.2 虛繼承的核心目標 三、虛繼…

什么是分布式鎖?幾種分布式鎖分別是怎么實現的?

一:分布式鎖實現思路 1.1 基本原理與實現方式 (1)分布式鎖的實現方式 (2)基于Redis的分布式鎖 獲取鎖 長時間無人操作,使鎖自動過期 添加鎖與設置過期時間需原子性 釋放鎖 1.2 實例 (1&…

Legal Query RAG(LQ-RAG):一種新的RAG框架用以減少RAG在法律領域的幻覺

人工智能正在迅速改變法律專業人士的工作方式——從起草合同到進行研究。但盡管大型語言模型(LLM)功能強大,它們在關鍵領域卻常常出錯:真實性。當人工智能在法律文件中“幻覺”出事實時,后果可能是嚴重的——問問那些無…

如何用AI高效運營1000+Tiktok矩陣賬號

在當今數字化的時代,Tiktok 矩陣賬號運營成為了眾多企業和個人追求流量與變現的重要手段。然而,面對眾多的賬號管理,如何高效運營成為了關鍵。此時,AI 工具的出現為我們提供了強有力的支持。 一、Tiktok 矩陣賬號的重要性 Tiktok…

數據結構與算法學習筆記(Acwing 提高課)----動態規劃·樹形DP

數據結構與算法學習筆記----動態規劃樹形DP author: 明月清了個風 first publish time: 2025.6.4 ps??樹形動態規劃(樹形DP)是處理樹結構問題的一種動態規劃方法,特征也很明顯,會有一個樹形結構,其實是DFS的優化。…

得物GO面試題及參考答案

動態規劃的概念是什么? 動態規劃(Dynamic Programming, DP)是一種通過將復雜問題分解為重疊子問題,并利用子問題的解來高效解決原問題的方法。其核心思想在于避免重復計算,通過存儲子問題的解(通常使用表格…

掃地機產品--氣壓傳感器器件異常分析

掃地機產品–氣壓傳感器器件異常分析 文章目錄 掃地機產品--氣壓傳感器器件異常分析一.背景1?.1 **標準大氣壓的定義與數值**?二.分析故障2.1**萬用表如何測量二極管**2.2 不良氣壓傳感器的萬用表二極管擋位測量結果分析。2.3 不良氣壓傳感器的開蓋分析2.4 結論2.5 后續措施三…

C#基礎語法(2)

### 練習 一、變量和數據類型 - 1. 變量定義與賦值 cs using System; namespace Name { class Program { public static void Main(string[] args) { int age 20; double height 1.75; string name "張三…

連接關鍵點:使用 ES|QL 聯接實現更豐富的可觀測性洞察

作者:來自 Elastic Luca Wintergerst ES|QL 的 LOOKUP JOIN 現已進入技術預覽階段,它允許你在查詢時對日志、指標和追蹤進行豐富處理,無需在攝取時進行非規范化。動態添加部署、基礎設施或業務上下文,減少存儲占用,加速…

Unity 中實現可翻頁的 PageView

之前已經實現過: Unity 中實現可復用的 ListView-CSDN博客文章瀏覽閱讀5.6k次,點贊2次,收藏27次。源碼已放入我的 github,地址:Unity-ListView前言實現一個列表組件,表現方面最核心的部分就是重寫布局&…

[Java 基礎]創建人類這個類小練習

請根據如下的描述完成一個小練習: 定義一個名為 Human 的 Java 類在該類中定義至少三個描述人類特征的實例變量(例如:姓名、年齡、身高)為 Human 類定義一個構造方法,該構造方法能夠接收所有實例變量作為參數&#xf…

LeetCode 熱題 100 739. 每日溫度

LeetCode 熱題 100 | 739. 每日溫度 大家好,今天我們來解決一道經典的算法題——每日溫度。這道題在 LeetCode 上被標記為中等難度,要求我們找到一個數組,其中每個元素表示從當前天開始,下一個更高溫度出現的天數。如果之后沒有更…

《仿盒馬》app開發技術分享-- 商品搜索頁(頂部搜索bar熱門搜索)(端云一體)

開發準備 隨著開發功能的逐漸深入,我們的應用逐漸趨于完善,現在我們需要繼續在首頁給沒有使用按鈕以及組件添加對應的功能,這一節我們要實現的功能是商品搜索頁面,這個頁面我們從上到下開始實現功能,首先就是一個搜索…

spring-ai入門

spring-ai入門 1、前語 hi,我是阿昌,今天記錄針對目前當下ai火熱的背景下,ai的主流使用語言為python,但市面上很大部分的項目是java開發的的背景下,那java就不能涉及ai領域的開發了嘛?有句調侃的話說的好…