《前端面试题》- JS基础 - call()、apply()、bind() 的区别
call 、bind 、 apply 这三个函数的功能都是改变this的指向问题，但是也存在一定的区别。
- call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔,
- apply 的所有参数都必须放在一个数组里面传进去
- bind 除了返回是函数以外，它 的参数和 call 一样。
对比的时候，以call为基准，call的使用方式形如：obj.say.call(objCall,'YES', 'YES');, apply与call的区别在于，传参如果有多个，只能放到数组里面；bind与call的区别在于，并不会立即执行函数，而且会返回一个新函数，可延迟执行。
为了更好的理解，写个小例子对比下使用：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>@media print {.child {page-break-inside: avoid; }}</style>
</head><body><div class="container"></div>
</body>
<script>// 这里面的say方法里面的this指向就是obj，所以调用obj.say()// 会输出“我的名字是：zzh, 平时爱阅读么：YES, 平时爱运动么：YES”const obj = {name: 'zzh',age: 18,say(loveRead, loveSopot) {console.log(`我的名字是：${this.name}, 平时爱阅读么：${loveRead}, 平时爱运动么：${loveSopot}`);}};obj.say('YES', 'YES');/*** call*/// 这个时候，我想使用call去改变this的指向需要怎么做呢let objCall = { name: 'new zzh'};// 将obj的say方法，利用call绑定到objCall上，并且立即执行函数obj.say.call(objCall,'YES', 'YES'); // 输出结果：我的名字是：new zzh, 平时爱阅读么：YES, 平时爱运动么：YES/*** apply， 它与call的区别就是传参如果有多个，只能使用数组，而call可以单个传递*/let objApply = { name: 'new zzh with apply'};obj.say.apply(objApply,['YES','NO']); // 输出结果：我的名字是：new zzh with apply, 平时爱阅读么：YES, 平时爱运动么：NO/*** bind， 它与call的区别就是返回了一个函数，不会立即执行函数*/let objBind = { name: 'new zzh with bind'};// 将obj的say方法，利用call绑定到objCall上，并且立即执行函数let objBindNew = obj.say.bind(objCall,'NO', 'YES');objBindNew();// 输出结果：我的名字是：new zzh, 平时爱阅读么：NO, 平时爱运动么：YES</script></html>
相关文章：
《前端面试题》- JS基础 - call()、apply()、bind() 的区别
call 、bind 、 apply 这三个函数的功能都是改变this的指向问题，但是也存在一定的区别。 call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔,apply 的所有参数都必须放在一个数组里面传进去bind 除了返回是函数以外，它 的参数和…...
开源软件技术社区方案
开源软件技术社区是一个由开发者、贡献者、用户和维护者组成的共享平台，主要目的是打造技术、软件产品良性互动、开源技术安全可控的软件生态环境，实现可复用应用或服务的快速部署与使用、完成资源与能力的高度共享、促进社区成员的共建共赢，…...
【开源书籍】深入讲解内核网络、Kubernetes、ServiceMesh、容器等云原生相关技术。
项目地址：GitHub - isno/theByteBook: ⭐ 【开源书籍】深入讲解内核网络、Kubernetes、ServiceMesh、容器等云原生相关技术。经历实践检验的 DevOps、SRE指南。如发现错误，谢谢提issue 深入架构原理与实践 这是什么？ 这是一本关于架构设计…...
【C语言】“vid”Microsoft Visual Studio安装及应用（检验内存泄露）
文章目录 前言安装包获取配置VLD完成 前言 我们在写代码时往往容易存在内存泄漏的情况，所以存在这样一个名为VLD的工具用来检验内存泄漏，现在我来教大家安装一下 安装包获取 vld下载网址：https://github.com/KindDragon/vld/releases/tag/…...
Accuracy准确率,Precision精确率,Recall召回率,F1 score
真正例和真反例是被正确预测的数据，假正例和假反例是被错误预测的数据。然后我们需要理解这四个值的具体含义： TP（True Positive）：被正确预测的正例。即该数据的真实值为正例，预测值也为正例的情况…...
系统架构最佳实践 -- 智慧图书管理系统架构设计
随着数字化时代的到来，智慧图书管理系统在图书馆和机构中扮演着重要的角色。一个优秀的图书管理系统不仅需要满足基本的借阅管理需求，还需要具备高效的性能、良好的扩展性和稳定的安全性。本文将讨论智慧图书管理系统的架构设计与实现，以满足…...
网络基础三——IP协议补充和Mac帧协议
全球网络及网段划分的理解 根据国家组织地区人口综合评估进行IP地址范围的划分； 假设前8位用来区分不同的国家，国际路由器负责全球数据传输，子网掩码为IP/8；次6位区分不同的省份，国内路由器负责全国数据的传输…...
人工智能——深度学习
4. 深度学习 4.1. 概念 深度学习是一种机器学习的分支，旨在通过构建和训练多层神经网络模型来实现数据的高级特征表达和复杂模式识别。与传统机器学习算法相比，深度学习具有以下特点： 多层表示学习：深度学习使用深层神经网络&a…...
postgresql uuid
示例数据库版本PG16，对于参照官方文档截图，可以在最上方切换到对应版本查看，相差不大。 方法一：自带函数 select gen_random_uuid(); 去掉四个斜杠，简化成32位 select replace(gen_random_uuid()::text, -, ); 官网介绍…...
【azure笔记 1】容器实例管理python sdk封装
容器实例管理python sdk封装 测试结果 说明 这是根据我的需求写的，所以有些参数是写死的，比如cpu核数和内存，你可以根据你的需要自行修改。前置条件： 当前环境已安装python3.8以上版本和azure cli并且已经登陆到你的账户 依赖安…...
和又可以异常(Exception)的过滤器)
Nestjs 中定义既可以捕获错误(Error)和又可以异常(Exception)的过滤器
Nestjs 中，使用基于 HttpException 定义过滤器的话，只能捕获 Http 带状态码（statusCode）的 Exception，不能捕获 throw new Error(‘xxx’) 抛出的错误。 以下是使用实现 ExceptionFilter 接口定义的一个不特定于平台（express 或 fastify，即无论使用这两个web服务框架的…...
GitHub 仓库 (repository) Branch - SSH clone URL - Clone in Desktop - Download ZIP
GitHub 仓库 [repository] Branch - SSH clone URL - Clone in Desktop - Download ZIP 1. Branch2. SSH clone URL3. Clone in Desktop4. Download ZIPReferences 1. Branch 显示当前分支的名称。从这里可以切换仓库内分支，查看其他分支的文件。 2. SSH clo…...
Training - 使用 WandB 配置 可视化 模型训练参数
欢迎关注我的CSDN：https://spike.blog.csdn.net/ 本文地址：https://blog.csdn.net/caroline_wendy/article/details/137529140 WandB (Weights&Biases) 是轻量级的在线模型训练可视化工具，类似于 TensorBoard，可以帮助用户跟踪…...
N1922A是德科技N1922A功率传感器
181/2461/8938产品概述： N192XA 传感器是首款通过将直流参考源和开关电路集成到功率传感器中来提供内部调零和校准的传感器。此功能消除了与使用外部校准源相关的多个连接，从而最大限度地减少了连接器磨损、测试时间和测量不确定性。 连接到 DUT 时进行…...
最简洁的Docker环境配置
Docker环境配置 Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中，然后发布到任何流行的 Mac、Linux或Windows操作系统的机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间不…...
Docker内更新Jenkins详细讲解
很多小伙伴在Docker中使用Jenkins时更新遇到困难，本次结合自己的实际经验，详细讲解。根据官网Jenkins了解以下内容： 一、Jenkins 是什么? Jenkins是一款开源 CI&CD 软件，用于自动化各种任务，包括构建、测…...
基于遗传模拟退火混合优化算法的车间作业最优调度matlab仿真,输出甘特图
目录 1.程序功能描述 2.测试软件版本以及运行结果展示 3.核心程序 4.本算法原理 4.1遗传算法与模拟退火算法简介 4.2 GSAHO算法应用于JSSP 5.完整程序 1.程序功能描述 车间作业调度问题（Job Shop Scheduling Problem, JSSP）是一种典型的生产调度问…...
Mac 安装 brew brew cask 遇到的问题以及解决办法
安装Homebrew和Homebrew Cask是在Mac上管理软件包的常用方法。虽然大多数情况下安装这两个工具是比较简单的，但有时候也可能遇到一些问题。下面是一些常见的问题以及解决办法： 问题1：无法安装Homebrew 解决办法： 1.确保你的Mac已连…...
Vitalik Buterin香港主旨演讲：协议过去10年迅速发展，但存在效率、安全两大问题
2024 香港 Web3 嘉年华期间，以太坊联合创始人 Vitalik Buterin 在由DRK Lab主办的“Web3 学者峰会 2024”上发表主旨演讲《Reaching the Limits of Protocol Design》。 他介绍到，2010年代，基于基本密码学的协议是哈希、签名。随后ÿ…...
【leetcode】大数相加
题目链接：415. 字符串相加 - 力扣（LeetCode） 计算两个大数的和，从末尾开始逐个字符相加，记录进位 class Solution { public:string addStrings(string num1, string num2) {int i num1.size() - 1, j num2.size() …...
基于大模型的 UI 自动化系统
基于大模型的 UI 自动化系统 下面是一个完整的 Python 系统，利用大模型实现智能 UI 自动化，结合计算机视觉和自然语言处理技术，实现"看屏操作"的能力。 系统架构设计 #mermaid-svg-2gn2GRvh5WCP2ktF {font-family:"trebuchet ms",verdana,arial,sans-…...
【Java学习笔记】Arrays类
Arrays 类 1. 导入包：import java.util.Arrays 2. 常用方法一览表 方法描述Arrays.toString()返回数组的字符串形式Arrays.sort()排序（自然排序和定制排序）Arrays.binarySearch()通过二分搜索法进行查找（前提：数组是…...
循环冗余码校验CRC码 算法步骤+详细实例计算
通信过程：（白话解释） 我们将原始待发送的消息称为 M M M，依据发送接收消息双方约定的生成多项式 G ( x ) G(x) G(x)（意思就是 G （ x ) G（x) G（x) 是已知的）࿰…...
ssc377d修改flash分区大小
1、flash的分区默认分配16M、 / # df -h Filesystem Size Used Available Use% Mounted on /dev/root 1.9M 1.9M 0 100% / /dev/mtdblock4 3.0M...
《用户共鸣指数（E）驱动品牌大模型种草：如何抢占大模型搜索结果情感高地》
在注意力分散、内容高度同质化的时代，情感连接已成为品牌破圈的关键通道。我们在服务大量品牌客户的过程中发现，消费者对内容的“有感”程度，正日益成为影响品牌传播效率与转化率的核心变量。在生成式AI驱动的内容生成与推荐环境中࿰…...
linux arm系统烧录
1、打开瑞芯微程序 2、按住linux arm 的 recover按键 插入电源 3、当瑞芯微检测到有设备 4、松开recover按键 5、选择升级固件 6、点击固件选择本地刷机的linux arm 镜像 7、点击升级 （忘了有没有这步了 估计有） 刷机程序 和 镜像 就不提供了。要刷的时…...
NLP学习路线图（二十三）：长短期记忆网络（LSTM）
在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...
【JavaSE】绘图与事件入门学习笔记
-Java绘图坐标体系 坐标体系-介绍 坐标原点位于左上角，以像素为单位。 在Java坐标系中,第一个是x坐标,表示当前位置为水平方向，距离坐标原点x个像素;第二个是y坐标，表示当前位置为垂直方向，距离坐标原点y个像素。 坐标体系-像素 …...
有限自动机到正规文法转换器v1.0
1 项目简介 这是一个功能强大的有限自动机（Finite Automaton, FA）到正规文法（Regular Grammar）转换器，它配备了一个直观且完整的图形用户界面，使用户能够轻松地进行操作和观察。该程序基于编译原理中的经典…...
力扣-35.搜索插入位置
题目描述 给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 class Solution {public int searchInsert(int[] nums, …...