call、apply、bind

最新推荐文章于 2025-05-27 09:23:26 发布
最新推荐文章于 2025-05-27 09:23:26 发布
阅读量82 收藏
点赞数
分类专栏： 面试题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ss15363380815/article/details/120743352
版权
本文解析了JavaScript中call和apply的区别，强调call能传多个参数的优势，同时指出call在参数超过三个时的性能优势。通过bind实现函数绑定与柯里化的概念也被提及。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

call和apply的区别，哪一个性能更好？

-call 和 apply 都是Function中的方法，所有函数都是Function的实例，两者都可以改变函数的this指向，call 可以穿多个参数，appl 只能传两个参数，第二个参数只能是一个数组

而bind 也可以改变this的指向，但是函数并不会立马执行，而是先进行预处理，该方法会返回一个函数。并且我们可以通过 bind实现柯里化

call 的性能要比 apply 好一些，特别是当传递的参数超过三个的时候，所有后期开发可以使用call多一些

console.time可以测试出一段程序执行的时间

开始 ：console.time ('test')

结束：console.timeEnd('test')

call apply bind的作用和区别
XIAXING123的博客
03-15 2409
1.call apply bind 的作用和区别 作用： 都可以改变函数内部的this指向。 区别点： 1.call和apply会调用函数，并且改变函数内部this指向。 2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg] 3.bind不回调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写
call apply bind
qq_73270720的博客
07-31 376
改变this指向。
实现 call apply bind
呵呵，到处看看
02-07 824
// 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 } //传
call apply bind 区别与联系
weixin_47075145的博客
08-25 705
分析：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 的作用和区别
m0_49471668的博客
06-08 623
1.call apply bind 的作用和区别作用：都可以改变函数内部的this指向。区别点：1.call和apply会调用函数，并且改变函数内部this指向。2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg]3.bind不回调用函数，可以改变函数内部this指向。解析：call方法改变函数内部this指向call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。写法：fun.call(thisArg,arg
call apply bind区分
jennyya的博客
09-03 213
    //call  apply  bind  相同点this指向发生改变             var obj1={                 name:"obj1",                 sayhello:function(){                     console.log(this);                 },              ...
call apply bind 用法与区别
Superman_peng的博客
06-07 315
用法 call 执行 call 方法时： 1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参 2.把call方法第二个及之后的实参获取到 3.把要操作的函数执行，并且把第二个以后传递进来的实参传递给函数 fn.call(obj, param1, param2, ...) 关于传参 function func (a,b,c) {} func.call(obj, 1,2,3) // func 接收到的参数实际上是 1,2,3 func.call(obj, [1,2,3]) // fu
前端面试题 ---- 手撕JavaScript call apply bind 函数(超详细)
ItDaChuang的博客
10-26 908
面试题 - 手撕JavaScript call apply bind 函数(超详细总结)
面试题 手写call apply bind 详细解析
xiaoqin5的博客
03-05 735
手写call apply bind 详细解析 -----面试题
手写 call apply bind
shenpapa的博客
12-21 296
手写 call apply bind call Function.prototype.my_call = function (context, ...args) { if (typeof context === 'undefined' || context === null) { context = window } context.fn = this const result = context.fn(...args) // 也可以不定义args直接使用ar
原生JS实现 call apply bind
01-08
call apply bind 的 作用 都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定...
JavaScript必知必会(十) call apply bind的用法说明
10-22
在JavaScript中，`call`, `apply`, 和 `bind` 是函数对象的三个核心方法，它们都与函数调用时的上下文（`this` 的值）以及参数传递有关。理解这三个方法是深入学习JavaScript的关键。 1. **call()**： - `call()` ...
Web前端开发（JS的快速入门）
2401_88455976的博客
05-24 1352
元素的底部，可改善显示速度外部的JS文件中，只包含JS代码，不包含<script>标签<script>标签不能自闭合<head><title>JS引入方式</title>-- 内部脚本 -->-- 外部脚本 --></head><body>
【Redis】三、在springboot中应用redis
naihe_fish的博客
05-22 769
本文介绍了如何在Spring Boot项目中集成Redis作为缓存中间件，以优化用户信息管理的性能。首先，通过引入redis依赖，配置Redis连接信息。接着，创建了一个用户管理模块，包括数据库表、实体类、控制器和服务层。在服务层中，通过RedisTemplate实现了缓存逻辑，优先从Redis中查询用户分数，若未命中则从MySQL数据库中获取并缓存到Redis中。最后，通过Postman测试接口，验证了Redis缓存的有效性，首次查询较慢，但后续查询速度显著提升。
JavaScript对象继承
m0_63472757的博客
05-23 974
/ 子类通过原型链继承父类为了解决原型包含引用值导致的继承问题,一种叫作"盗用构造函数"的技术在开发社区流行起来(这种技术有时也称作"对象伪装"或"经典继承"). 基本思路很简单: 在子类构造函数中调用父类的构造函数 , 因为毕竟函数就是特定上下文中执行代码的简单对象,所以可以使用apply( )和call( )方法以新创建的对象为上下文执行构造函数,来看下面的例子://父类//子类//继承SuperType。
JavaScript进阶(十二)
weixin_52047874的博客
05-23 928
都可以改变函数 内部的this指向.call和apply会调用函数，并且改变函数内部this指向.call和apply传递的参数不一样，call 传递参数aru1，aru2..形式 apply 必须数组形式[arg]bind不会调用函数，可以改变函数内部this指向call调用函数并且可以传递参数apply经常跟数组有关系.比如借助于数学对象实现数组最大值最小值bind不调用函数，但是还想改变this指向.比如改变定时器内部的this指向.
[特殊字符]使用 Hyperlane 实现 WebSocket广播
最新发布
m0_52796585的博客
05-27 302
## 推荐几款学习编程的免费平台 ### 免费在线开发平台（[https://docs.ltpp.vip/LTPP/](https://docs.ltpp.vip/LTPP/)） <blockquote> <p>        探索编程世界的新天地，为学生和开发者精心打造的编程平台，现已盛大开启！这个平台汇集了近4000道精心设计的编程题目，覆盖了C、C++、JavaScript、TypeScript、Go、Rust、PHP、Java、Ruby
vite学习笔记
zxz86的博客
05-23 791
现代浏览器项目（Chrome >=61, Firefox >=60, Safari >=11）assetsInlineLimit: 4096, // 4KB以下资源内联。框架新项目（Vue3/React18/Svelte）极速启动：冷启动时间比传统工具快 10-100 倍。闪电热更新：HMR 更新速度不受项目规模影响。智能构建：生产环境使用 Rollup 打包。库开发（利用 Rollup 的纯净打包）.scss/.less 直接导入。微前端子应用（快速加载需求）模拟 CommonJS。
基于yjs实现协同编辑页面
qq_15509267的博客
05-26 490
协同编辑已成为现代Web应用的核心功能之一，它允许多用户实时协作，共同修改同一份文档或数据。然而，实现这一功能往往涉及复杂的冲突解决、状态同步和实时通信问题。Yjs作为一款高效的开源协同编辑框架，为开发者提供了简洁而强大的解决方案。它基于CRDT（无冲突复制数据类型）技术，确保数据一致性，同时支持与主流前端框架无缝集成。本文将介绍如何利用Yjs快速构建一个协同编辑页面，涵盖从基础原理到实际实现的完整流程。无论你是初次接触协同技术，还是希望优化现有系统，本文都能提供清晰的指引和实用的代码示例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值