bind(this) 的使用

最新推荐文章于 2024-09-06 16:11:28 发布

youyou_LIN

最新推荐文章于 2024-09-06 16:11:28 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/youyou_LIN/article/details/79684539

本文解释了为何在点击事件触发的函数中需要使用bind(this)，避免this指向问题导致的错误。通过实例展示了如何正确绑定this，确保函数内部this指向正确。

为什么使用 bind(this) ?

当点击事件触发的函数里有使用 this 的时候，就需要使用 bind（this）,不然 this 是 null，如果没绑定this应该是全局window。

参考文章：

https://www.zhihu.com/question/50572127/answer/144757646

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

youyou_LIN

关注关注

0
点赞
踩
2

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

10-15

这就使得有时候需要使用`bind()`方法来明确指定`this`的值，或者在需要用到函数定义时保持`this`值的场景下使用`that`、`context`或`self`等变量来保存原始的`this`值。 `bind()`方法是`Function`原型上的一个方法...

浅谈JavaScript中的apply/call/bind和this的使用

10-20

apply/call/bind三者的联系就在于，都可以用来改变函数中 this 指向的值，且第一个参数为要指向的 this 的值，apply的第二个参数（或 bind 与 call 的不定参数）为要传入的参数。这就不得不提及 javascript 中函数的...

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

关于React中使用bind(this)的理解

想搞全栈的前端

09-04

9543

前言在学习React的过程中发现调用函数的时候必须使用bind(this)，之后直接在class中声明函数即可正常使用，但是为什么要使用这个呢？在这里总结一下。 1.JavaScript自身特性说明如果传递一个函数名给一个变量，之后通过函数名()的方式进行调用，在方法内部如果使用this则this的指向会丢失。示例代码：首先我们创建test对象并直接调用方法： const test = ...

.bind(this)作用

普通人一枚

04-08

2160

bind方法的使用

小飞的博客

07-09

389

在JavaScript或TypeScript中，this.data.setEventListener(this.onAddEvent.bind(this));使用.bind(this): this 的值被固定为调用 .bind() 时提供的对象，这可以避免因 this 值错误而导致的问题。因此，使用 .bind(this) 可以帮助防止 this 错误绑定导致的潜在问题，特别是在处理事件监听器和其他非直接调用的场景中。不使用.bind(): this 的值可能根据调用上下文而变化，这可能导致意外的行为。

JS高级之彻底搞懂this指向

玄鱼殇

07-10

1081

JS 之彻底搞懂this指向

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: ...

bind(this)作用

ahua2800的博客

12-01

388

.bind()创建了一个函数，当这个函数在被调用的时候，它的 this 关键词会被设置成被传入的值（这里指调用bind()时传入的参数转载于:https://www.cnblogs.com/shiyunfront/p/7940764.html...

JavaScript中的this/call/apply/bind的使用及区别

11-21

一、this 1.什么是this this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富...2.如果单独使用，this 表示全局对象。 3.在函数中，this 表示全局对象。 4.在函数中，在严格模式下，thi

es6中为什么要bind(this)

最好的就是聚焦

12-25

1万+

在使用React中如果使用ES6的Class extends写法如果onClick绑定一个方法需要bind(this), 而使用React.createClass方法就不需要. 请问这是为什么呢解释:React.createClass 是es5的写法默认是绑定了bind方法，而es6中新增加了class，绑定的方法需要绑定this，如果是箭头函数就不需要绑定this，用箭头的方式第一

React事件处理函数中绑定this的bind()函数

Michael_Li的博客

11-28

2万+

函数名调用bind(this)的作用

兰星_thk&try的博客

04-24

1676

文章目录1 问题2 bind(this)的作用3 总结 1 问题看不太明白bind(this)的写法 Router.prototype.refresh = function () { console.log('触发一次 hashchange，hash 值为', location.hash); this.currentUrl = location.hash.slice(1) || '/'; this.routes[this.currentUrl]();

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

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

04-10

1万+

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

this的异步绑定.bind(this)

一生为追梦的博客

10-24

8443

当遇到异步ajax请求时，想把请求返回的result结果赋值给ajax外定义的this对象时，直接写this.a = result;是不能成功的。例如： this.a = {}; ajaxService.AjaxPost( {},"getTimeAccount.do").then( function (result) { if(result.status){ console.log(

this绑定：bind(this)、var self = this与箭头函数。

josonho

08-23

882

下面用bind()，箭头函数，var self = this三种方式来绑定this。 bind(this) （this机制） //bind() var demoObj = { demo: 2, fn: function(){ (function(){ console.log(this.demo) }).bind(this...

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

weixin_45980065的博客

09-06

951

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

用bind方法保持this上下文

VivianHope的专栏

08-27

7431

最近自学JavaScript，学到bind方法这块儿有些地方不太明白，自己就查了些资料，结合自己的理解写了这篇文章以备后面回顾用。。。其实应该还是搬砖为主吧。什么是this对象先来说说什么是this对象吧，每个函数在调用的时候都会自动获取两个特殊变量：this和arguments对象。this值具体是指哪个对象是和该函数的执行环境相关的。如果是作为对象的方法，那么this就是对象实例本身；如果是一个

使用bind(this)的情况

weixin_30342209的博客

10-10

255

1.setInterval()、setTimeout()的回调函数，一定要加.bind(this)方法。原因是：在setInterval()中定义的回调函数，是在同步代码执行完后，随着事件触发来异步执行的，此时函数的上下文Context已经由定义该函数的Script文件变为全局变量，如果不通过bind(this)来指定由组件实例作为上下文的话，回调函数中的this会指向全局变量中的Window...

Javascript通过bind()掌控this