回调函数和js中的bind(this)的理解

最新推荐文章于 2025-06-29 19:17:42 发布

墨の狐

最新推荐文章于 2025-06-29 19:17:42 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_31725501/article/details/87899242

本文解释了为什么在回调函数后需要使用bind(this)，涉及到闭包的概念以及this关键字在不同上下文中的指向问题，特别是在IE的attachEvent中this总是指向全局对象Window。

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

回调函数后加bind(this),是因为回调函数形成了闭包(也就是一个函数中还有另一个函数),绑定this后这个回调函数的this.变量指向全局变量.至于指向window,IE中的attachEvent中的this总是指向全局对象Window.

如果不对的话希望指出

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

墨の狐

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

bind回调函数的应用总结和编程实例

2301_79331387的博客

08-13

215

在深入讨论如何使用bind回调函数之前，让我们先来了解一下什么是回调函数。回调函数是指在特定事件发生或特定条件满足时，通过将函数作为参数传递给其他函数来执行的函数。简而言之，回调函数就是在某个事件发生时被调用的函数。而bind回调函数是指使用JavaScript中的bind()方法来绑定回调函数的上下文（this指向）和参数。通过使用bind()方法，我们可以将一个函数绑定到另一个函数上，并传递参数。这样，在调用绑定函数时，绑定函数将以绑定函数作为上下文，并且传递所提供的参数。

Javascript中的this,bind和that使用实例

10-15

在传统的面向对象编程语言中，如C#和Java，`this`的含义相对固定，而在JavaScript中，`this`的指向取决于函数的调用方式。这就使得有时候需要使用`bind()`方法来明确指定`this`的值，或者在需要用到函数定义时保持`...

参与评论您还未登录，请先登录后发表或查看评论

Javascript通过bind()掌控this

最新发布

Yihong1833100198的博客

06-29

586

本文详细介绍了JavaScript中的回调函数。回调函数是将函数作为参数传递给另一个函数，在特定条件满足时被调用的机制。文章解析了回调的三种主要形式：同步回调（立即执行）、异步回调（延迟执行）和事件回调（事件触发执行），并通过代码示例和现实比喻（如餐厅点餐流程）生动说明其工作原理。重点强调了回调的核心特征：注册机制、异步性、事件驱动和控制权反转，指出回调是JavaScript事件驱动编程的基础模式。

js：bind(this)这是什么写法

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等

04-10

1万+

bind bind方法会创建一个新函数,称为绑定函数.当调用这个绑定函数时,绑定函数会以创建它时传入bind方法的第一个参数作为this,传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数. 关键词： bind 是创建了一个新的函数。例一 <body> <button type="button" id="butto...

JavaScript - 向回调函数中传递（绑定）this及其他参数

08-02

774

目录主要参考 Function.prototype.bind() 应用示例：配合 setTimeout 预设参数将插入到目标函数的参数列表开始位置主要参考 Function.prototype.bind() - JavaScript | MDN ...

javascript中的bind()

Mzzzzh的博客

06-28

358

var handler = { message: "Event handled", handleClick: function(event){ alert(this.message + ":" + event.type); }}; var btn = document.getElementById("my-btn"); EventUtil.addHandler(btn, "clic

javascript回调函数详解

10-18

在 ES6 之前，回调函数中的 this 通常并不指向预期的对象，因此需要通过 bind、apply 或 call 等方法显式地绑定 this 的值。ES6 引入的箭头函数使得处理 this 的问题变得简单，因为箭头函数不会创建自己的 this，它...

深入理解Javascript箭头函数中的this

10-20

1. **闭包**：创建一个局部变量（如`self`或`that`），将期望的`this`值保存在这个变量中，然后在回调函数中使用这个变量。例如： ```javascript Countdown.prototype.start = function() { var self = this; ...

javascript中bind函数的作用实例介绍

10-25

3. **在回调函数中保持上下文：** 当你使用回调函数时，很容易在回调中丢失上下文。通过使用bind，你可以创建一个新的函数，并在该函数被调用时固定其上下文。 ### 在IE6、IE7、IE8中手动实现bind方法：为了兼容...

【JavaScript】this关键字：绑定this的方法

weixin_45980065的博客

09-06

942

JavaScript 提供了call、apply、bind这三个方法，来切换/固定this的指向。

js中bind()使用详情

qq_39148344的博客

05-13

4万+

前言最近在在搞React的时候有用到bind()的时候，因为他的用法其实我还一直不是特别的清楚，所以今天我把bind()他的用法和我遇到的结合起来这样来写一个博客，这样应该可以加深自己的印象同时可以来跟好的来解析bind的使用方法 1.那么我们先来介绍一下bind() Function.prototype.bind() bind()方法主要就是将函数绑定到某个对象，bind()会创......

理解js bind和this

Rance_King的博客

04-23

315

js中只有两大类数据类型，即基本数据类型（Number, String, Boolean, Null, undefine, symbol)和引用数据类型(Object)。Object可以用符号{}来表示，比如函数的函数体function(){}也是一个Object。所有的运行环境（context）本质上都是在一个Object的内部，而bind方法则是将一个函数绑定为一个Object的属性，也就...

this与bind(this)

覃大畅的博客

02-23

2万+

文章目录this与bind(this)thisthis详细- 全局环境- 函数内1. 普通函数2. 箭头函数3. 对象中的函数原型链中的thisgetter 与 setter 中的 thisbind(this) ReactNative系列-文章 this与bind(this) this this指向的是当前函数的作用域(对象实例)，有如下的例子 const app = { name: ...

JS手写-this绑定实现

chunchun的博客

11-13

1012

在 JavaScript 中，bindcall和apply方法都可以用来改变函数的this指向。下面我们将分别实现这些方法的简单版本。

一文带你彻底弄懂JS中的bind()和this

skywf的博客

06-22

2358

var a = { b : function(){ var func = function(){ console.log(this); console.log(this.c); } console.log(this); func.bind(obj)(); //这里不仅给a的b的func绑定了一个叫做obj的对象作为其this指针，还调用了这个函数 }, c : 'Hel

JS中的bind()方法

weixin_39214481的博客

11-02

3841

Function.prototype.bind()方法 bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj 例子 var a = { b : function(){ var...

js原生函数bind

chelen_jak的专栏

11-26

1629

转自：http://blog.csdn.net/lidiansheng/article/details/8763644 [javascript] view plaincopy 在javascript中，函数总是在一个特殊的上下文执行（称为执行上下文），如果你将一个对象的函数赋值给另外一个变量的话，这个函数的执行上下文就变为这个变量的上下文了。下面的一个例子能

理解JavaScript的call(),apply(),bind()与回调函数

"这篇文章主要介绍了JavaScript中的call()、apply()和bind()方法，以及它们与回调函数的相关知识。" 在JavaScript中，call()、apply()和bind()是三个与函数调用相关的内置方法，它们主要用于改变函数执行时的上下文...