call、apply和bind

callapplybind都是JavaScript中函数对象的方法,用于改变函数的this值。

  1. callcall方法接收一个对象和一系列参数,并立即调用函数,将this值设置为提供的对象。例如:
function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
greet.call(person, 'Hello', '!'); // 输出 "Hello, Alice!"

这段代码中定义了一个函数greet,并创建了一个对象person。然后,使用call方法调用greet函数,并将this值设置为person对象。

让我们逐行解释这段代码:

  1. function greet(greeting, punctuation) {...}:这是一个函数定义,greet函数接收两个参数:greetingpunctuation

  2. console.log(greeting + ', ' + this.name + punctuation);:这是greet函数的主体,它将greeting, this.namepunctuation连接成一个字符串,并打印到控制台。这里的this是函数运行时的上下文,它的值取决于函数是如何被调用的。

  3. let person = { name: 'Alice' };:这行代码创建了一个对象person,并给它一个属性name,值为Alice

  4. greet.call(person, 'Hello', '!');:这行代码使用call方法调用greet函数,并将this值设置为person对象。call方法的第一个参数是this的值,后面的参数是传递给greet函数的参数。所以,在这个函数调用中,this.name的值是Alicegreeting的值是Hellopunctuation的值是!

因此,这段代码的输出是Hello, Alice!

  1. applyapply方法和call方法类似,但是它接收一个对象和一个数组(或类数组对象),而不是一系列参数。例如:
function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
greet.apply(person, ['Hello', '!']); // 输出 "Hello, Alice!"
  1. bindbind方法接收一个对象和一系列参数,并返回一个新的函数,这个新的函数的this值被绑定到提供的对象。这个新的函数可以在以后任何时候调用,而不是立即调用。例如:
function greet(greeting, punctuation) {console.log(greeting + ', ' + this.name + punctuation);
}
let person = {name: 'Alice'};
let greetAlice = greet.bind(person, 'Hello', '!');
greetAlice(); // 输出 "Hello, Alice!"

注意,箭头函数不绑定自己的this值,所以callapplybind方法在箭头函数上无效。

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

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

相关文章

Linux驱动开发笔记(二) 基于字符设备驱动的I/O操作

文章目录 前言一、设备驱动的作用与本质1. 驱动的作用2. 有无操作系统的区别 二、内存管理单元MMU三、相关函数1. ioremap( )2. iounmap( )3. class_create( )4. class_destroy( ) 四、GPIO的基本知识1. GPIO的寄存器进行读写操作流程2. 引脚复用2. 定义GPIO寄存器物理地址 五、…

【2024最新华为OD-C卷试题汇总】传递悄悄话的最长时间(100分) - 三语言AC题解(Python/Java/Cpp)

🍭 大家好这里是清隆学长 ,一枚热爱算法的程序员 ✨ 本系列打算持续跟新华为OD-C卷的三语言AC题解 💻 ACM银牌🥈| 多次AK大厂笔试 | 编程一对一辅导 👏 感谢大家的订阅➕ 和 喜欢💗 文章目录 前…

东哥一句兄弟,你还当真了?

关注卢松松,会经常给你分享一些我的经验和观点。 你还真把自己当刘强东兄弟了?谁跟你是兄弟了?你在国外的房子又不给我住,你出去旅游也不带上我!都成人年了,东哥一句客套话,别当真! 今天,东哥在高管会上直言&…

mysql内存结构

一:逻辑存储结构:表空间->段->区->页->行、 表空间:一个mysql实例对应多个表空间,用于存储记录,索引等数据。 段:分为数据段,索引段,回滚段。innoDB是索引组织表&…

215. 数组中的第K个最大元素(快速排序、堆排序)

根据这道题总结一下快速排序和堆排序,再根据这两种方法写这道题。 给定整数数组 nums 和整数 k,请返回数组中第 k 个最大的元素。 请注意,你需要找的是数组排序后的第 k 个最大的元素,而不是第 k 个不同的元素。 你必须设计并实…

qmt量化交易策略小白学习笔记第6期【qmt如何获取股票历史涨跌停价格】

qmt如何获取股票历史涨跌停价格 qmt更加详细的教程方法,会持续慢慢梳理。 也可找寻博主的历史文章,搜索关键词查看解决方案 ! 感谢关注,需免费开通量化回测与咨询实盘权限,可以和博主联系! 获取股票历史…

[数据结构] -- 单链表

🌈 个人主页:白子寰 🔥 分类专栏:C打怪之路,python从入门到精通,数据结构,C语言,C语言题集👈 希望得到您的订阅和支持~ 💡 坚持创作博文(平均质量分82)&#…

c++编程14——STL(3)list

欢迎来到博主的专栏:c编程 博主ID:代码小豪 文章目录 list成员类型构造、析构、与赋值iterator元素访问修改元素list的操作 list list的数据结构是一个链表,准确的说应该是一个双向链表。这是一个双向链表的节点结构: list的使用…

Vue学习笔记3——事件处理

事件处理 1、事件处理器(1)内联事件处理器(2)方法事件处理器 2、事件参数3、事件修饰符 1、事件处理器 我们可以使用v-on 指令(简写为)来监听DOM事件,并在事件触发时执行对应的JavaScript。 用法: v-on:click"me…

JVM学习-执行引擎

执行引擎 执行引擎是Java虚拟机核心组成部分之一虚拟机是一个相对于物理机的概念,这两种机器都有代码执行能力,其区别是物理机的执行引擎是直接建立在处理器、缓存、指令集和操作系统层面上的,而虚拟机的执行引擎是由软件自行实现的&#xf…

【算法】递归、搜索与回溯——简介

简介:递归、搜索与回溯,本节博客主要是简单记录一下关于“递归、搜索与回溯”的相关简单概念,为后续算法做铺垫。 目录 1.递归1.1递归概念2.2递归意义2.3学习递归2.4写递归代码步骤 2.搜索3.回溯与剪枝 递归、搜索、回溯的关系: …

ICML2024 定义新隐私保护升级:DP-BITFIT新型微调技术让AI模型学习更安全

DeepVisionary 每日深度学习前沿科技推送&顶会论文分享,与你一起了解前沿深度学习信息! 引言:差分隐私在大模型微调中的重要性和挑战 在当今的深度学习领域,大型预训练模型的微调已成为提高各种任务性能的关键技术。然而&am…

推特热帖:大语言模型自荐能够替代的20种人类工作!快来看你是否需要转行!

最近推特上有一个例子引起了广泛的讨论,事情的起因是这样的:网友让 GPT-4o 预测一下自己未来将会替代人类哪些工作? 这听起来很有趣!GPT-4o会给出什么样的预测呢? 3.5研究测试:hujiaoai.cn 4研究测试&…

02-Linux【基础篇】

一、Linux的目录结构 1.基本介绍 Linux的文件系统采用层级式的树状目录结构,在此结构中的最上层是根目录"/",然后在此目录下再创建其他的目录 深刻理解Linux树状文件目录是非常重要的 记住一句经典的话:在Linux世界里&#xff…

如何在 DigitalOcean Droplet 云主机上创建 Ubuntu 服务器

在本文中,你将通过 DigitalOcean 的管理面板创建一个 Ubuntu 服务器,并将其配置为使用你的 SSH 密钥。设置好服务器后,你可以在其上部署应用程序和网站。 本教程是DigitalOcean云课程简介的一部分,它指导用户完成将应用程序安全地…

win10右键没有默认打开方式的选项的处理方法

问题描述 搞了几个PDF书籍学习一下,不过我不想用默认的WPS打开,因为WPS太恶心人了,占用资源又高。我下载了个Sumatra PDF,这时候我像更改pdf文件默认的打开程序,发现右击没有这个选项。 问题解决 右击文件–属性–…

汽车以太网发展现状及挑战

一、汽车以太网技术联盟 目前推动汽车以太网技术应用与发展的组织包括:OPEN Alliance(One-Pair Ether-Net Alliance SIG)联盟,主要致力于汽车以太网推广与使用,该联盟通过推进 BroadR- Reach 单对非屏蔽双绞线以太网传…

设计新境界:大数据赋能UI的创新美学

设计新境界:大数据赋能UI的创新美学 引言 随着大数据技术的蓬勃发展,它已成为推动UI设计创新的重要力量。大数据不仅为界面设计提供了丰富的数据资源,还赋予了设计师以全新的视角和工具来探索美学的新境界。本文将探讨大数据如何赋能UI设计…

面试八股之JVM篇3.5——垃圾回收——G1垃圾回收器

🌈hello,你好鸭,我是Ethan,一名不断学习的码农,很高兴你能来阅读。 ✔️目前博客主要更新Java系列、项目案例、计算机必学四件套等。 🏃人生之义,在于追求,不在成败,勤通…

1688. 比赛中的配对次数

题目: 给你一个整数 n ,表示比赛中的队伍数。比赛遵循一种独特的赛制: 如果当前队伍数是 偶数 ,那么每支队伍都会与另一支队伍配对。总共进行 n / 2 场比赛,且产生 n / 2 支队伍进入下一轮。 如果当前队伍数为 奇数 …