Javascript 编程基础(4)函数 | 4.3、apply() 与 call() 方法

文章目录

  • 一、`apply()` 与 `call()` 方法
    • 1、核心概念
      • 1.1、`call()` 方法
      • 1.2、`apply()` 方法
    • 2、使用示例
      • 2.1、基本用法
      • 2.2、处理 `this` 指向问题
    • 3、`call()` 与 `apply()` 的区别

一、apply()call() 方法

apply()call() 都是 JavaScript 函数对象的方法,用于显式设置函数执行时的 this并调用函数。这两个方法功能相似,主要区别在于参数传递方式。

1、核心概念

1.1、call() 方法

function.call(thisArg, arg1, arg2, ...)
  • 第一个参数:指定函数内 this 的值
  • 后续参数:逐个传递函数参数

1.2、apply() 方法

function.apply(thisArg, [argsArray])
  • 第一个参数:指定函数内 this 的值
  • 第二个参数:以数组或类数组形式传递参数

2、使用示例

2.1、基本用法

function introduce(lang, experience) {console.log(`${this.name} 开发 ${lang} ${experience}`);
}const dev = { name: '张三' };// call 方式
introduce.call(dev, 'JavaScript', 5); 
// 输出:"张三 开发 JavaScript 5 年"// apply 方式
introduce.apply(dev, ['Python', 3]);
// 输出:"张三 开发 Python 3 年"

2.2、处理 this 指向问题

const obj = {value: 10,getValue: function() {setTimeout(function() {console.log(this.value); // 默认指向全局对象}.call(this), 100); // 强制绑定 this}
};obj.getValue(); // 输出 10

3、call()apply() 的区别

特性call()apply()
参数传递方式逐个参数传递数组形式传递
性能通常更快略慢(需处理数组)
适用场景参数数量已知参数数量动态/不确定

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/81769.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

读一本书第一遍是快读还是细读?

在时间充足且计划对重要书籍进行多遍阅读的前提下,第一遍阅读的策略可以结合**「快读搭建框架」与「标记重点」**,为后续细读奠定基础。以下是具体建议及操作逻辑: 一、第一遍:快读为主,目标是「建立全局认知」 1. 快…

基于大模型的全面惊厥性癫痫持续状态技术方案

目录 一、数据收集与预处理系统1.1 多模态数据集成模块1.2 数据预处理流程二、大模型构建与训练系统2.1 模型架构设计2.2 训练流程三、术前评估系统3.1 癫痫发作风险预测3.2 手术可行性评估流程四、术中决策支持系统4.1 实时监测数据处理4.2 麻醉方案优化流程五、术后护理系统5…

React 19 中的useRef得到了进一步加强。

文章目录 前言一 useRef 的核心原理1.1 为什么需要 useRef?1.2 基本语法 二、React 19 中 useRef 的常见用法2.1 访问 DOM 元素2.2 保存跨渲染的数据 三、React 19 中的改进ref 作为一个属性案例演示(触发子组件焦点事件) 注意 总结 前言 在 React 的世界里&#x…

idea查看class文件源码

1、在idea中查看.class文件源码 在idea的一个工程里面将.class文件复制进去,会提示如下: 这时候,打开一个其他类,右键-》"show in explorer",打开资源文件夹,这时候将class文件粘贴在此处&#…

基于 Vue + CEF3 的浏览器批量管理系统(附功能详解)

🌐 基于 Vue CEF3 的浏览器批量管理系统(附功能详解) 在当前多任务操作需求日益增长的背景下,如何高效管理多个浏览器实例成为了一个值得探讨的问题。今天给大家介绍一款基于 Vue 和 CEF3 构建的浏览器批量管理系统,…

JS实现古诗竖排从右至左

一个老题目,将下面古诗文由横排,变成古文竖排模式: 静夜思 李白 床前明月光, 疑似地上霜。 举头望明月, 低头思故乡。变成: 低|举|疑|床|静 头|头|似|前|夜 思|望|地|明|思 故|明|上|月| 乡|月|霜|光|李…

在 Android 中实现支持多手势交互的自定义 View(Kotlin 完整指南)

本文将手把手教你创建一个支持拖动、缩放、旋转等多种手势交互的自定义 View,并提供完整的代码实现和优化建议。 一、基础实现 1.1 创建自定义 View 骨架 import android.content.Context import android.graphics.* import android.util.AttributeSet import an…

Kotlin 协程 (一)

1. Kotlin 协程的核心概念 1.1 协程(Coroutine) 定义:协程是一种轻量级的执行上下文,可以在任何时候挂起和恢复,而不需要阻塞线程。特点: 比传统线程更轻量,开销更小。支持挂起和恢复&#xf…

机器学习 集成学习方法之随机森林

集成学习方法之随机森林 1 集成学习2 随机森林的算法原理2.1 Sklearn API2.2 示例 1 集成学习 机器学习中有一种大类叫集成学习(Ensemble Learning),集成学习的基本思想就是将多个分类器组合,从而实现一个预测效果更好的集成分类…

thinkphp6实现统一监听并记录所有执行的sql语句除查询外

创建文件app/middleware/SqlLogger.php <?php namespace app\middleware;use think\facade\Db; use think\facade\Session;class SqlLogger {public function handle($request, \Closure $next){// 监听所有SQL $request->ip()Db::listen(function($sql, $time) {if (p…

pytorch训练可视化工具---TensorBoard

一、目的&#xff1a;为什么使用 TensorBoard 调控模型 使用 TensorBoard 可以帮我们&#xff1a; 实时查看 loss / acc 曲线 → 判断是否过拟合、欠拟合&#xff1b; 对比不同模型或超参数的效果&#xff1b; 可视化模型结构 → 帮助调试模型设计&#xff1b; 查看权重/梯…

机器学习知识自然语言处理入门

一、引言&#xff1a;当文字遇上数学 —— 自然语言的数字化革命 在自然语言处理&#xff08;NLP&#xff09;的世界里&#xff0c;计算机要理解人类语言&#xff0c;首先需要将文字转化为数学向量。早期的 One-Hot 编码如同给每个词语分配一个唯一的 “房间号”&#xff0c;例…

Linux-线程概念和控制

1.Linux线程概念 1.1什么是线程 • 在⼀个程序⾥的⼀个执⾏路线就叫做线程&#xff08;thread&#xff09;。更准确的定义是&#xff1a;线程是“⼀个进程内部 的控制序列” • ⼀切进程⾄少都有⼀个执⾏线程 • 线程在进程内部运⾏&#xff0c;本质是在进程地址空间内运⾏…

【氮化镓】低剂量率对GaN HEMT栅极漏电的影响

2024 年 2 月 22 日,中国科学院新疆理化技术研究所的Li等人在《IEEE ACCESS》期刊发表了题为《Degradation Mechanisms of Gate Leakage in GaN-Based HEMTs at Low Dose Rate Irradiation》的文章,基于实验分析和 TCAD 仿真,研究了低剂量率辐照下基于 GaN 的 p 型栅高电子迁…

.NET Core 中 Swagger 配置详解:常用配置与实战技巧

随着微服务架构和 RESTful API 的广泛应用&#xff0c;API 文档的管理和自动化生成成为了开发中的重要部分。Swagger&#xff08;现为 OpenAPI&#xff09;是一款功能强大的工具&#xff0c;它可以自动生成 API 文档&#xff0c;并提供交互式 UI&#xff0c;帮助开发者、测试人…

海康工业相机白平衡比选择器对应的值被重置后,如何恢复原成像

做项目的时候&#xff0c;有时候手抖&#xff0c;一不小心把一个成熟稳定的项目的相机配置&#xff0c;重置了&#xff0c;如何进行恢复呢&#xff0c;在不知道之前配置数据的情况下。 我在做项目的时候&#xff0c;为了让这个相机成像稳定一点&#xff0c;尤其是做颜色检测时…

【八股战神篇】Java虚拟机(JVM)高频面试题

目录 专栏简介 一 请解释Java虚拟机(JVM)及其主要功能 延伸 1. JVM的基本概念 2. JVM的主要功能 二 对象创建的过程了解吗 延伸 1.Java 创建对象的四种常见方式 三 什么是双亲委派模型 延伸 1.双亲委派机制的作用: 2.双亲委派模型的核心思想: 3.双亲委派模型的…

win10 上删除文件夹失败的一个原因:sqlYog 备份/导出关联了该文件夹

在尝试删除路径为.../bak/sql的文件时&#xff0c;系统提示无权限操作。然而&#xff0c;关闭SQLyog后&#xff0c;删除操作成功完成。这表明SQLyog可能正在占用该文件&#xff0c;导致删除权限受限。关闭SQLyog后&#xff0c;文件被释放&#xff0c;删除操作得以顺利进行。建议…

Oracle中如何解决LATCH:CACHE BUFFERS LRU CHAIN

简单来讲&#xff0c;Oracle为了高效管理BUFFER CACHE主要使用以下2种LRU列&#xff1a; LRU列&#xff0c;又叫替换列&#xff08;replacement list&#xff09;&#xff0c;其中又分为主列和辅助列。 主列&#xff1a;已使用的缓冲区列&#xff0c;分为HOT和COLD区域。HOT区…

C++:迭代器

迭代器的本质&#xff1a;对象。 迭代器与指针类似&#xff0c;通过迭代器可以指向容器中的某个元素&#xff0c;还可以对元素进行操作。 迭代器统一规范了遍历方式。不同的数据结构可以用统一的方式去遍历。 接下来是一个自定义迭代器的代码示例。 #include<iostream&g…