使用call、apply和bind解决js中烦人的this，事件绑定时的this和传参问题

最新推荐文章于 2022-04-12 01:31:36 发布

转载最新推荐文章于 2022-04-12 01:31:36 发布 · 141 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.codeprj.com/blog/5ecb281.html

文章标签：

#call #bind #apply #js #js this #addEventListener

本文探讨了JavaScript中this关键字的指向问题，特别是在事件绑定场景下。通过使用call、apply和bind方法，可以有效地解决this指向错误的问题，并实现灵活的参数传递。

使用call、apply和bind解决js中烦人的this，事件绑定时的this和传参问题

参考文章：

（1）使用call、apply和bind解决js中烦人的this，事件绑定时的this和传参问题

（2）https://www.cnblogs.com/tingyu-blog/p/6212392.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangchaoqi1985

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

深入理解 JavaScript 中的 call、apply 和 bind

vvilkin的学习备忘

02-28

1492

call、apply 和 bind 是 JavaScript 中非常重要的方法，它们通过显式地改变 this 的指向，提供了更灵活的函数调用方式。理解它们的区别和实现原理，可以帮助我们更好地掌握 JavaScript 的函数执行机制，并在实际开发中灵活运用。

js手写call()，apply()，bind() (this 绑定问题)

weixin_40840206的博客

03-17

651

this绑定关于实现call()，bind()，apply()最离不开的话题便是this绑定问题 this默认绑定 this的默认绑定也称window绑定，是下面四种绑定之外的this绑定，出现于在js中无任何前缀直接调用函数。例如： // 非严格模式下 function fun() { console.log(this) } fun() // window对象需要注意的是，在严格模式下，默认绑定的this指向的是undefined。 'use strict'; function fun()

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

JS 中 this 指向,call()、apply()、bind()

nilmao的博客

04-12

386

1. 箭头函数箭头函数 this 不会被改变，所以只要当前函数是箭头函数，那么就不用再看其他规则了。箭头函数的 this 是在创建它时外层 this 的指向。这里的重点有两个：创建箭头函数时，就已经确定了它的 this 指向。箭头函数内的 this 指向外层的 this。箭头函数是不绑定this的，它的this来源于上级作用域 var user = { name: 'kiki', foo: () => { console.log('箭头函数中的this',th..

[乐意黎]JS对象方法, Call调用及this上下文含义

打杂人

04-24

446

首先，来看下面的代码: var param = "i am out param"; var o={ param: "i am a inner param", output:function(){ console.log("Output"); }, echo:function(param){ debugger; this.param; console.log("i am...

在js函数中关于this指向问题及call()、apply()、bind() 的用法

qq_41111677的博客

08-28

270

1.在js函数中关于this指向问题 var name = "张三"; var obj = { name: "李四", es5fun: function () { console.log(this); }, es6fun: () => { console.log(this); }, }; obj.es5fun(); //obj .

JS中改变this指向的方法(call和apply、bind)

10-22

本文将详细介绍三种在JavaScript中改变`this`指向的方法：`call`、`apply`以及`bind`。 1. `call`方法：当我们需要在其他对象的上下文中执行某个函数时，可以使用`call`方法。`call`接受两个参数：第一个参数是想...

javascript中apply、call和bind的使用区别

11-28

在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...

javascript中apply/call和bind的使用

10-20

apply()和call()在JavaScript中非常有用，尤其在需要改变函数内this指向时。比如，在类的方法中，this往往指向实例本身，但在某些情况下，比如事件处理函数中，this可能指向的是触发事件的元素。这时就可以使用call...

JavaScript中的this/call/apply/bind

01-08

了解并熟练掌握`this`、`call()`、`apply()`和`bind()`的用法，对于编写复杂的JavaScript代码，尤其是在涉及对象、事件处理和模块化编程时，至关重要。它们提供了控制函数执行上下文的能力，使我们能够灵活地处理...

js中事件方法的劫持和apply的用法

logspool的博客

02-13

878

我们在实际开发中经常遇到这种情况，如使用了第三方的插件，同时又要对插件的源码做一些修改满足自己的应用场景要求，而过了一段时间这个第三方的插件更新,升级了。我们也想升级到最新版本，那么问题来了。 (function(){ //工作 var work={ obj:"小书童在写", //写代码 coding:function(lang){ /...

深入理解this绑定、js的三大事件绑定

yiyueqinghui的博客

06-16

1988

this的值范围大致上可以分为：如果是函数调用，那么this为window，严格模式下为undefined 如果是作为一个对象的方法，那么this指向该对象。如果是new F()创建新实例，那么this指向这个实例。 var o = {} var f = function(){ if(this === window) console.log('window'); else if(this === o) console.log('object'); } o.f =

js绑定事件、传递参数

热门推荐

cherry的博客

09-12

1万+

绑定事件的方式、以及如何在绑定事件方法中传递参数。

汇编学习---子程序之call的四种参数传递

q6475005的专栏

11-19

3604

题目要求：现在有一个数组，内容为34h,78h,0afh,8ah，要求主程序安排并存放其结果，并由子程序来完成求数组元素的效验和。请编写一段程序，采用段内调用子程序实现。分别实现用寄存器，变量，堆栈，利用call后续区四种方式传参。所谓效验和是指：不记进位的累加。题目分析：本题主要属于子程序设计，只需按照要求在设计一个求一段内存数据的效验和的子程

medici.zip

12-19

medici.zip

STM32电机库无感代码注释无传感器版本龙贝格观测三电阻双AD采样前馈控制弱磁控制斜坡启动

12-19

STM32电机库无感代码注释无传感器版本龙贝格观测三电阻双AD采样前馈控制弱磁控制斜坡启动内容概要：本文档为一份关于STM32电机控制的无传感器版本代码注释资源，聚焦于龙贝格观测器在永磁同步电机（PMSM）无感控制中的应用。内容涵盖三电阻双通道AD采样技术、前馈控制、弱磁控制及斜坡启动等关键控制策略的实现方法，旨在通过详细的代码解析帮助开发者深入理解基于STM32平台的高性能电机控制算法设计与工程实现。文档适用于从事电机控制开发的技术人员，重点解析了无位置传感器控制下的转子初始定位、速度估算与系统稳定性优化等问题。; 适合人群：具备一定嵌入式开发基础，熟悉STM32平台及电机控制原理的工程师或研究人员，尤其适合从事无感FOC开发的中高级技术人员。; 使用场景及目标：①掌握龙贝格观测器在PMSM无感控制中的建模与实现；②理解三电阻采样与双AD同步采集的硬件匹配与软件处理机制；③实现前馈补偿提升动态响应、弱磁扩速控制策略以及平稳斜坡启动过程；④为实际项目中调试和优化无感FOC系统提供代码参考和技术支持；阅读建议：建议结合STM32电机控制硬件平台进行代码对照阅读与实验验证，重点关注观测器设计、电流采样校准、PI参数整定及各控制模块之间的协同逻辑，建议配合示波器进行信号观测以加深对控制时序与性能表现的理解。

自定义button样式，round-corners按钮