关于JS的this和容易混淆的Call(), Apply(), Bind()

最新推荐文章于 2025-09-06 13:45:00 发布
转载 最新推荐文章于 2025-09-06 13:45:00 发布 · 756 阅读 · 0

本文深入探讨了JavaScript中this指针的行为及其在不同场景下的应用，包括使用call、apply和bind来替换函数的上下文。通过具体实例，详细解释了this在全局、new、函数内部等情境下的指向特性。

http://dailyjs.com/2012/06/18/js101-this/


在new出来的函数中，this指代对象实例，这点和大部分OO语言一致；

其它情况下，this指代全局对象（浏览器中是window，node.js里是global）；但严格模式下为undefined。


http://dailyjs.com/2012/06/25/this-binding/


Call()和Apply()是一组的，用于替换函数的上下文this对象。区别是call已知各个参数并直接传入，而apply传入一个数组（更加动态）。

Bind()则返回一个以传入对象作为this的函数对象镜像，语法更为优雅。

JS高级-手写apply、call、bind以及认识arguments
jnfy的博客
10-11 1765
JS高级-手写apply、call、bind以及认识arguments
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
node.js call apply this 学习
grace_fang的博客
05-06 295
什么是作用域？作用域分为局部作用域和全局作用域  作用域往往和变量有关系在局部作用域里面可以访问全局作用域的变量局部作用域外面就访问不到局部作用域里面所声明的变量var globalVariable = 'This is global variable' function globalFunction(){var localVariable ='This is local variable'c...
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
知识点整理--call ,apply和bind方法
拥抱变化！
08-27 1134
call()、apply()和bind()方法 三者作用都是 改变this指向。本文旨在探讨三者之间的区别和作用。call, apply, bind 三者的区别在哪里什么情况下用apply,什么情况下用callapply的其他巧妙用法（一般在什么情况下可以使用apply）bind、call、apply都是用来指定一个函数内部的this的值， 先看看bind、call、apply的用法。
JS容易混淆的call、apply和bind方法
weixin_44769310的博客
08-27 171
详情描述 共同点 都是用来改变函数的this的指向 bind是返回对应函数；apply、call是立即调用 call() 定义：调用一个对象的一个方法，用另一个对象替换当前对象 理解： method1.call(method2,num1,num2) = method1(num1,num2) 即用method1替换method2 例子： function Animal(){ this....
Js中call和apply和bind
leedh_码农
09-16 396
js中的call(), apply()和bind()是Function.prototype下的方法，都是用于改变函数运行时上下文，最终的返回值是你调用的方法的返回值 改变函数运行时上下文 动态改变 "调用函数的this对象” 的指向 函数对象 : 利用函数的原型 创建对象 function cat(){} cat.prototype = { food :"fish",...
this的指向 ，以及apply、call 、 bind
qq_20623665的博客
11-30 217
把say赋给变量func，然后调用func，前面没有调用对象，那么此时的调用对象就是全局对象window，因此this指向window，所以打印。如果箭头函数被非箭头函数包含，则this绑定的是上一级非箭头函数的this。this谁调用他，他就指向谁，这里虽然前面加了个window，但是最后调用者还是obj，因此this指向obj。的对象是window，函数里的this指向window，而window中并没有fn，所以报错。最基本的使用，函数say是obj调用的，函数中的this指向obj，所以打印的是。
深入解析 JavaScript 中的 call、apply、bind：用法、差异与面试题
前端圈边缘选手，擅长把 UI 稿 “翻译” 成代码，也擅长在 console.log 里写 “求救信号”。日常状态：要么在调像素级对齐，要么在查 “为什么这个样式只在我电脑上生效”。博客不搞高深理论，只唠实在干货~
09-06 1454
JavaScript 中的 call、apply 和 bind 都是用于改变函数执行时的 this 指向。call 和 apply 会立即执行函数，区别在于传参方式（逐个 vs 数组）；bind 则返回绑定了 this 的新函数，可延迟执行。常见应用场景包括：函数柯里化（bind）、求数组最大值（apply）以及类数组转数组（Array.prototype.slice.call）。面试常考手写 bind 实现和三者区别，需注意 call/apply 的立即执行特性与 bind 的延迟绑定差异。
认识call apply bind
Xiaoping的博客
01-08 168
认识call apply bind ::: tip 函数原型链中的 apply，call 和 bind 方法是 JavaScript 中相当重要的概念，与 this 关键字密切相关. ::: apply apply()方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。 ::: warning call()方法的作用和 apply() 方法类似，区别就是call()...
this, call, apply 和 bind
weixin_34268843的博客
05-14 85
初衷： 这篇关于this的文章，仅仅是自己认为比较重要且易混淆的知识点。 内容 1.含义： 在JavaScript中，this对象是指当前函数中正在执行的上下文环境，因此this并非是定义时(箭头函数除外)。 2.this指向： 永远指向最后调用它的对象。 简单记忆：A.B()这里的this就指.左边的A. 3.this对象分类： this对象分类： 全局对象 当前对象 任意对象 判断处...
JavaScript中apply、call、bind方法带参使用示例
综上所述，掌握 `apply`、`call` 和 `bind` 不仅有助于解决实际开发中的 `this` 指向问题，更是深入理解 JavaScript 函数式编程和面向对象机制的关键一步。无论是在框架源码阅读（如 React、Vue 中的上下文管理）、...
JavaScript中this指向机制与call、apply、bind应用解析
理解`this`的指向机制以及如何通过`call()`、`apply()`和`bind()`方法显式控制其行为，是掌握JavaScript面向对象编程与函数式编程的关键所在。 首先，在**普通函数调用**模式下，`this`默认指向全局对象。在浏览器...
数据结构与算法Python实现完整代码库与习题解答项目_包含Python语言入门面向对象编程算法分析递归基于数组的序列栈队列双端队列链表树优先级队列映射哈希表跳跃表搜索树排序选择文.zip
12-20
数据结构与算法Python实现完整代码库与习题解答项目_包含Python语言入门面向对象编程算法分析递归基于数组的序列栈队列双端队列链表树优先级队列映射哈希表跳跃表搜索树排序选择文.zip
练习材料-用word邮件合并功能批量生成缴费单
最新发布
12-20
练习材料-用word邮件合并功能批量生成缴费单
csdn上传文件抓包啊
12-20
csdn上传文件抓包啊
2025年智能物流智能物流系统建设实施方案PDF
12-20
当前，全球经济格局深刻调整，数字化浪潮席卷各行各业，智能物流作为现代物流发展的必然趋势和关键支撑，正迎来前所未有的发展机遇。以人工智能、物联网、大数据、云计算、区块链等前沿信息技术的快速迭代与深度融合为驱动，智能物流不再是传统物流的简单技术叠加，而是正在经历一场从自动化向智能化、从被动响应向主动预测、从信息孤岛向全面互联的深刻变革。展望2025年，智能物流系统将不再局限于提升效率、降低成本的基本目标，而是要构建一个感知更全面、决策更精准、执行更高效、协同更顺畅的智慧运行体系。这要求我们必须超越传统思维定式，以系统化、前瞻性的视角，全面规划和实施智能物流系统的建设。本实施方案正是基于对行业发展趋势的深刻洞察和对未来需求的精准把握而制定。我们的核心目标在于:通过构建一个集成了先进感知技术、大数据分析引擎、智能决策算法和高效协同平台的综合智能物流系统，实现物流全链路的可视化、透明化和智能化管理。这不仅是技术层面的革新，更是管理模式和服务能力的全面提升。本方案旨在明确系统建设的战略方向、关键任务、技术路径和实施步骤，确保通过系统化部署，有效应对日益复杂的供应链环境，提升整体物流韧性，优化资源配置效率，降低运营成本，并最终为客户创造更卓越的价值体验。我们致力于通过本方案的实施，引领智能物流迈向更高水平，为构建现代化经济体系、推动高质量发展提供强有力的物流保障。
hls高层次综合设计宝藏
12-20
hls设计你不会，那是你对底层设计不懂，来不，看下hls蓝宝书，你就会了。
iTop Easy Desktop v4.0.0.230.exe
12-20
iTop Easy Desktop v4.0.0.230.exe
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值