call、apply、bind区别

最新推荐文章于 2025-12-15 07:24:15 发布
原创 最新推荐文章于 2025-12-15 07:24:15 发布 · 73 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文详细介绍了JavaScript中函数调用的三种常见方式：call、apply和bind。call与apply都立即执行函数，并允许改变函数内部的this指向，不同在于传参方式，call接受参数列表，apply则使用数组或伪数组。而bind方法不会立即执行，它返回一个新函数，这个函数的this被预先绑定到指定的对象。

1、传参方式

call和bind是以参数列表方式传参；

apply是以数组/伪数组方式传参。

2、执行方式

call和apply会立即执行；

bind不会立即执行，而是得到一个修改this之后的新函数。

精选资源
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call apply bind 区别与联系
weixin_47075145的博客
08-25 753
分析：Math.max(1,36,2,7,321)这种可以得到最大值，但是是求数组中最大值，所以可以想到apply的第二个参数要求是数组来解决。分析：这里this指向的是btn,因为是给btn绑定的点击事件，但是如果想让this指向 h1，然后点击按钮，打印出h1的id的话，就需要改变this指向。分析：可以实现 this指向 h1，也实现了 点击按钮，打印出h1的id。分析：可以实现 this指向 h1，但是实现不了 点击按钮，才打印出h1的id。eg：数组 [1,36,2,7,321] ,求其最大值？.
call、apply、bind的区别
Winsom1的博客
08-01 1219
接受两个参数，第一个参数指定了函数体内 this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组。1、call和apply绑定完this会立即调用当前的函数，而bind绑定完this不会立即调用当前函数，而是将函数返回。都是为了改变函数运行时的执行上下文，使得函数在执行过程中的 this 值得到绑定并且传入指定的参数。接受多个参数，第一个参数指定了函数体内this对象的指向，从第二个参数开始的参数依次传入函数体内。这样可以在特定的环境中调用函数，扩展函数的灵活性和适用性。
一文读懂call、apply、bind的区别
popstarqq的博客
03-27 767
1 简介 call、capply、bind他们三个是函数的方法； 使用场景：如果一个对象想借用别的对象的某个方法，可以使用这三个方法。即如果自己没有方法，但别人有我们就可以去借用，不用自己实现了； 区别: (1) 功能 call和apply效果一样，使用该方法的时候，会立刻执行借用的函数； bind先获取到该借用的方法，暂不执行； (2) 用法 call和bind一样，第一个参数是替换内部this的对象，后面是要调用函数的参数； apply第一个参数是替换内部this的对象，后面是一个
call apply bind区别
u012174809的专栏
05-08 219
解决this指向问题？ 使用ES6中箭头函数 函数内部使用_this = this 使用apply，call，bind方法 new实例化一个对象 为什么要改变this指向? var name="lucy"; let obj={ name:"martin", say:function () { console.log(this.name); } }; obj.say(); //martin，this指向obj对象 setTimeout(obj.say.
call、bind、apply的区别
m0_61192666的博客
08-05 499
在JavaScript中，callbind和apply都是的方法，用于控制函数执行时的上下文（即this值）和参数传递。它们的主要区别在于调用方式、参数格式和返回值。下面我将逐步解释它们的区别，并提供代码示例来帮助理解。所有解释基于ECMAScript规范，确保真实可靠。
call、apply和bind的区别
热门推荐
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
call apply bind 区别
m0_58729897的博客
10-05 174
call apply bind 区别 相同点 call apply bind 都可以进行传参，更改this的指向 区别 call apply 的区别在于传参，call传参时是以参数的形式进行的，除第一个是进行this改变指向的，之后的每一个都是进行传参的 apply的传参是以数组的形式进行的，有两个参数，第一个是改变this的指向，第二个是一个数组的形式进行传参 call apply和band的区别 band 调用时自己创建了一个函数称为绑定函数，band函数中的第一个参数作为更改this指向的函数之后的
JS—call,apply,bind：1分钟掌握三者的区别
海晨忆的博客
03-25 1114
这里还遇到了另一个小插曲，我注册这个容器的方法是在父类中写的，我直接在父类的构造方法里面去初始化容器。我在项目启动的时候，通过容器存储我有哪些方法，说白了就是一个map，key是方法名，value是方法。H5给我方法名的时候，我通过map去获取，获取到了就说明有这个方法，没获取到就说明没有。我第一个版本这些方法全都写的静态，静态方法会有一个问题，那就是我如果启动了两个webview，只有一个对象去通信，理论上是有问题。而是，直接方法()执行的。这样，就会在执行方法的时候，this指向的不是我实际的对象。
实现 call apply bind
呵呵，到处看看
02-07 857
// call apply bind 都是 function 原型上的方法 // call 传入 this指向的对象 传入参数 列表 Function.prototype.myCall = function (context,...args){ if (context===null||typeof context === undefined){ context = window //如果 context 传入 null 或 undefined 则 this 指向 window } //传
手写apply/call和bind
xiaobangkeji的博客
02-10 450
手写apply/call和bind
DevUI组件库实战：从入门到企业级应用的深度探索，如何快速应用各种组件
2401_86031952的博客
12-11 973
DevUI是华为开源的企业级Angular前端解决方案，提供丰富的UI组件和工程化工具。其表单布局示例展示了垂直表单的实现，包含用户名、密码等字段的实时验证、异步查重及密码一致性检查功能。通过响应式布局和国际化支持，DevUI简化了企业级应用开发，确保高可定制性和一致性设计。
商城后台管理系统 02 添加规格参数-动态表单
weixin_52943021的博客
12-15 202
Boolean。
第十篇：Day28-30 工程化优化与部署——从“能跑”到“好用”（对标职场“项目上线”需求）
2402_87628679的博客
12-11 985
gzip on;性能优化：掌握Vite的资源压缩、Tree Shaking、代码分割配置，能实现路由/组件懒加载、虚拟滚动等渲染优化，理解gzip/br压缩的原理和后端配置；兼容性处理：能通过`@vitejs/plugin-legacy`和autoprefixer适配低版本浏览器，理解`browserslist`的作用，知道Vue 3的兼容性限制；多环境配置：能创建多环境变量文件，在项目中使用`import.meta.env`访问环境变量，区分开发/测试/生产环境的配置；项目部署。
第十一篇：Day31-33 前端安全与性能监控——从“能用”到“安全可靠”（对标职场“系统稳定性”需求）
2402_87628679的博客
12-11 1267
对于小型项目或特定业务场景，可通过自定义埋点实现核心指标监控，无需接入复杂工具。// src/utils/monitor.js（自定义监控工具） import axios from 'axios';// 监控数据上报接口（后端提供） const MONITOR_UPLOAD_URL = '/api/monitor/upload';
商城后台管理系统 03 规格参数配置
最新发布
weixin_52943021的博客
12-15 141
【代码】商城后台管理系统 03 规格参数配置。
【Spring Boot】Spring Boot调用 WebService 接口的两种方式：动态调用 vs 静态调用 亲测有效
杰西笔记
12-11 1213
本文介绍了在Spring Boot项目中通过Apache CXF实现WebService动态调用和静态调用的完整方案。动态调用适合快速测试，通过URL直接调用方法；静态调用则通过WSDL生成Java类，提供类型安全的调用方式。文章详细说明了两种方法的实现步骤，包括依赖配置、WSDL文件处理、代码生成以及常见问题解决方案（如WSDL文件修正）。静态调用方案特别适合生产环境，能够处理复杂类型返回，并提供了完整的代码示例和操作指南。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值