bind call apply

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

#javascript

本文深入探讨了JavaScript中bind、call、apply三个方法的作用及区别，包括如何改变函数的this指向，参数处理方式，以及执行时机的不同。同时，介绍了这些方法在实际编程中的应用场景，如在手写节流和防抖函数时的运用。

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

前言

日常积累，欢迎指正

bind，call、apply 的作用

改变函数 this 指向 - 它们的第一个参数就是更改后的 this 指向

bind，call、apply 第一个参数取值情况

  • null/undefined - js 中是window，其他环境是 global
  • …待补充

bind，call、apply 区别

  • 参数
  • 执行时机
fn.bind(thisArg,p1,p2,p3,...)() // 注意 bind 的执行会创建一个新的函数,call、apply 会直接执行函数
fn.call(thisArg,p1,p2,p3,...) 
fn.apply(thisArg,[p1,p2,p3,...])

bind，call、apply 实用场景

手写节流防抖函数 会用到 call/apply

TS bind call apply区别以及实现
百合花的IT
06-18 735
Ts中bind call apply区别以及实现
JavaScript中call、apply、bind详解及手写实现
to_the_Future的博客
03-31 1931
首先，我们都知道JavaScript中的this指向分为软绑定及硬绑定。并且this的指向与执行上下文有关系。在全局执行上下文中，this指向 全局对象（），在对象调用其内部方法时，this指向调用的地方，这就称为。那么如何使用呢？这就需要使用JavaScript中内置的方法来实现了。
bind call apply的实现原理
小柒的博客
06-14 888
** * 模拟call call使用合并运算符对参数进行了合并，所以不需要传入数组形式的参数 * @param context 执行函数体的主体对象 * @param parameter 函数体执行时的所有参数 */ Function.prototype.newCall = function(context, ...parameter) { //判断是否为非法类型的主体对象 ...
bind call apply实现
日积月累的博客
10-11 141
apply.call.bind 都是为了改变函数运行时上下文(this指向)而存在的。 三兄弟的区别. 三兄弟接收的第一个参数都是 要绑定的this指向. apply的第二个参数是一个参数数组(obj,[a,b,c]),call和bind的第二个及之后的参数作为函数实参按顺序传入(obj,a,b,c)。 bind不会立即调用,其他两个会立即调用。 call 实现 apply 实现 bind 实现 ...
重写bind call apply
weixin_41675013的博客
05-05 145
bind、call、apply 区别
weixin_40856652的博客
04-20 2万+
一、bind、call、apply的作用 关于call、apply、bind函数，它们主要用来改变this指向的，在很多框架中常有用到，而且也是面试官喜欢问到的问题：多数会问道三者的区别， 以及手动实现它们。 call的用法 fn.call(thisArg, arg1, arg2, arg3, ...) 调用fn.call时会将fn中的this指向修改为传入的第一个参数thisArg；将后面的参数传入给fn,并立即执行函数fn。 let obj = { name: "xiaoming",
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
手写apply/call和bind
xiaobangkeji的博客
02-10 362
手写apply/call和bind
bind和apply以及call函数使用
weixin_47450807的博客
02-05 1051
这三个函数都是定义在函数原型对象上的方法，其主要的用途是改变this的指向，并且调用函数，但是bind会返回一个改变bind后的函数。下面我们将详细聊一下三个函数的作用，以及其内部实现。 一、call和apply (1)、传入参数不同 call函数可以传入的参数没有限制，第一个参数为this指向的值，第二个参数一直到最后一个参数都是传入原函数的参数。apply需要传入两个参数，第一个参数为this指向的对象，第二个参数是需要传入原函数的参数，是一个数组或者伪数组。 (2)、当第一个参数为null 对于cal
js 实现 bind call apply
I_m_Groot的博客
04-05 359
js实现 bind call apply 很多面试题上都提到 使用 js 实现 bind call apply, 于是稍微尝试了一下，在此记录一下 bind 对于 Function.prototype.bind 这个方法，就是改变函数的上下文环境，并返回一个新函数，原函数不受影响。先看我实现的代码： var obj = { name: 'dcw' }; function fn (a, b...
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
手写 call、apply 及 bind 函数
weixin_47450807的博客
02-26 4831
手写 call、apply 及 bind 函数
Next.js 简介：它是什么，为什么重要？
zimin的专栏
08-01 1106
Next.js 是一个基于 React 的全栈框架，旨在帮助开发者构建高性能、可扩展的 Web 应用。它由 Vercel 开发并维护，是一个开源项目，最初于 2016 年 10 月 25 日在 GitHub 上发布。Next.js 为 React 组件提供了额外的功能和优化，使开发者能够专注于产品的构建和快速交付，而无需手动配置底层工具（如 Webpack、Babel）。它的核心特点包括： 服务器端渲染（SSR）：在服务器上渲染页面，提高首屏加载速度和搜索引擎优化（SEO）表现。 静态站点生成（SSG）：
vue3入门-概览讲解
最新发布
曹定栓的博客
08-04 473
本文介绍了Vue3项目创建和基本结构，重点对比了Vue2选项式API和Vue3组合式API的差异。Vue3使用Vite作为构建工具，相比Webpack具有更快的启动和热更新速度。文章通过一个显示div和切换背景色的示例，展示了组合式API将相关逻辑集中管理的优势，并介绍了如何通过模块化拆分setup函数来提高可维护性。最后指出选项式API适合简单场景，而组合式API更适合复杂逻辑复用和TypeScript项目。
Vue 中使用 Dexie.js
欢迎大家一起攻克bug
07-31 406
本文介绍了如何在Vue项目中使用Dexie.js实现客户端数据存储的方案。主要内容包括：1）Dexie.js的安装与数据库初始化配置；2）在Vue组件中实现CRUD操作；3）创建Vue插件形式全局使用数据库；4）高级功能如响应式数据绑定、分页查询和事务处理；5）最佳实践包括错误处理、性能优化和数据库升级；6）完整的Todo应用示例。文章展示了Dexie.js与Vue结合能有效构建离线优先的应用程序，提供良好的用户体验。
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | 3dBackgroundBoxes（3D背景盒子组件）
sunbyte带你学
07-30 1802
使用Vue 3和Tailwind CSS实现的3D背景盒子交互组件。该组件通过动态生成4×4的盒子网格，点击"Magic"按钮可触发整体缩放和3D旋转动画。技术亮点包括：使用Vue的<script setup>语法管理响应式状态，通过v-for循环生成16个盒子，利用背景定位实现Gif动画的分块显示，并添加3D边框效果增强立体感。
electron-多线程
在全栈和前端徘徊的程序员
08-03 546
基于 Chromium 多进程架构：每个渲染器运行在独立的进程中，避免单个页面的崩溃影响整个应用Node.js 多线程能力：通过 worker_threads 模块实现真正的多线程执行：在渲染进程中使用浏览器标准的 Web Workers APIIPC 通信机制：通过消息传递在不同进程/线程间交换数据资源共享与隔离：各进程拥有独立的内存空间，通过 IPC 实现数据共享。
JavaScript call, apply, bind 深度解析与实战示例
"JavaScript中call，apply，bind方法的详解与总结" JavaScript 是一种动态类型的脚本语言，广泛应用于Web开发。在JavaScript中，`call`、`apply`和`bind`是三个非常重要的方法，它们都允许我们改变函数内部`this`的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值