详解改变this指向的三种方法的不同点和应用场景

最新推荐文章于 2024-08-03 11:51:18 发布

爱吃香菜的程序猿

最新推荐文章于 2024-08-03 11:51:18 发布

阅读量380

点赞数 1

分类专栏：前端面试题文章标签： js

本文链接：https://blog.csdn.net/m0_71391416/article/details/131400918

版权

前端面试题专栏收录该内容

7 篇文章 0 订阅

订阅专栏

1.call、apply、bind相同点以及不同点

1) 相同点：都可以改变函数中的this指向

2）不同点：

call，apply是直接调用就可以改变；bind不是直接调用，需要再次调用一下才会执行

apply传递的必须是一个数组

bind call 传递的时候什么值都可以

apply call不可以改变触发以后事件中的this指向

bind可以改变触发事件以后事件中的this指向

2.call、apply、bind的应用场景

call常用做继承
apply经常和数组有关系，比如想使用Math里面的函数
bind不调用函数，但还想改变this指向，比如在定时器里面改变this指向

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱吃香菜的程序猿

关注关注

1
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js高级-this指向问题，改变函数内部this指向的三种方法 call() apply() bind() 及区别

qiaoyangla的博客

03-01

447

1.this指向问题 1.普通函数 this指向window function fn(){ console.log('普通函数的this'+ this); } window.fn() 2.对象的方法 this指向的是对象o var o = { sayHi:function fn(){ console.log('普通函数的this'+ this); } } o.sayHi(); 3.构造函数 this指向ldh这个实例对象原型对象里面的this指...

javascript中this指向详解

10-22

为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...

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

改变this指向的三种方法，call，apply和bind的区别与联系

apple_2021的博客

09-23

2218

this指向（永远指向最后调用它的对象）一般直接调用函数时，this指向window。当事件调用函数时，this指向触发该事件的对象。而当调用对象的方法时，在函数中this指向拥有该方法的对象。但是 call( )，apply( ) 和 bind( ) 都是Function的方法，所有函数都有这三个方法。 1. 相同点都用来改变this的指向 2.不同点接收参数的方式不同（1...

更改this指向的方法及其区别

热门推荐

吴小迪的博客

05-12

4万+

今天给朋友们带来更改this指向的三种方法，以及它们的区别：一：call用法 window.color = 'red'; document.color = 'yellow'; var s1 = {color: 'blue'}; function changeColor () { console.log(this.color); } changeColor.call() //不传参数默认指向wi...

call、apply、bind三者的异同

qq_41033308的博客

09-23

355

call、apply、bind三者的异同共同点 : 都可以改变this指向 不同点: call 和 apply 会调用函数, 并且改变函数内部this指向. call 和 apply传递的参数不一样,call传递参数使用逗号隔开,apply使用数组传递 bind 不会调用函数, 可以改变函数内部this指向. 应用场景 call 经常做继承. apply经常跟数组有关系. 比如借助于数学对象实现数组最大.

JavaScript中改变this指向的方法【总结】- 【各自主要应用场景】

weixin_60297362的博客

01-20

973

文章目录一、pandas是什么？总结一、pandas是什么？总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。 ...

详解JS中定时器setInterval和setTImeout的this指向问题

10-20

为了确保`this`在回调函数中指向正确的位置，有两种常见的解决方法： 1. 使用变量保存`this`的引用： ```javascript var num = 0; function Obj() { var that = this; // 保存this的引用 this.num = 1; this....

Angular.JS中的this指向详解

10-19

本文将详细介绍Angular.JS中的this指向规律和应用，希望通过本文的介绍，能够帮助开发者们更准确地控制函数中的this指向，从而编写出更加健壮、可预测的代码。首先需要明确的是，JavaScript中的this指向是由函数...

详解JavaScript中this的指向问题

10-20

总结以上几种情况，this的指向问题在JavaScript编程中是一个重要的考量点，合理地控制和预测this的值可以提升代码的健壮性与可维护性。在实际编程中，经常需要判断上下文环境，以正确处理函数内外的this引用。理解...

JavaScriptJavaScript函数this指向问题详解.docx

12-27

三、call、apply、bind的相同点和不同点 - **相同点**：它们都可以改变函数内部`this`的指向。 - **不同点**： - `call`和`apply`立即调用函数，而`bind`返回一个新的函数。 - `call`接受单个参数列表，`apply`...

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

10-22

this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象，通过本文给大家介绍JS中改变this指向的方法(call和apply、bind)，需要的朋友参考下

Js改变this指向的三种方法以及区别

最新发布

宝子的博客

08-03

454

bind不会立即执行函数,，然后返回一个新函数，此时这个新函数this已经指向新的位置了。第一个参数:传入该函数this指向的对象，传入什么强制指向什么。第一个参数:传入该函数this指向的对象，传入什么强制指向什么。格式：函数名.call(修改的this,参数1,参数2....);格式：函数名.apply(修改的this, 数组/伪数组);格式：函数.bind(修改的this,参数...)()第二个参数:数组,数组里面放入我们原有的参数。第二个参数:将原函数的参数往后顺延一位。

js改变this指向的三个方法区别

qq_45219069的博客

07-10

1731

改变this指向的三种方法（call、apply、bind）

qq_50260510的博客

04-15

631

JavaScript 中允许指定（改变）函数中 this 的指向，有 3 个方法可以动态指定普通函数中 this 的指向。

js三种改变this指向的方法call、apply、bind及区别

weixin_45955339的博客

07-09

512

call（）方法 1、第一个作用可以调用函数，第二个可以改变函数内this的指向 2、call 主要作用可以实现继承 var o = { name: "andy" } function fn(a, b) { console.log(this); //指向对象o console.log(a + b); }; fn.call(o, 1, 2); 实现子类对父类的继承

改变this指向的三个方法的用法及区别

weixin_50948265的博客

07-11

3539

call，apply和bind 作用：改变this的指向 function Person(age) { this.age = age; } var obj = {}; // Person(); Person.call(obj, 18); // 这两种执行是一样的，准确来说，上面的那种执行实际上就是下面的那种执行 // 在call传入obj会让Person里面的this全部替换成obj，相当于在最初的时候，Person里面的this全部指向window，现在都有了新的地址，就是obj的，从第二开始传

JS中this的指向与改变this指向的三个方法

txl2498459886的博客

09-11

1751

事件绑定中的this指向，即该事件绑定在谁身上，this指向的就是哪个节点，继而可以通过this操作节点的样式、内容等。需要借用this的对象.call/apply/bind(借给别人this的对象，传参)方法作用就是永久的将某个对象中的this改变为另一个对象的this，改变之后原本的函数。不论是前辈们定义好的，还是自定义构造函数，其中的this指向的都是。在调用一个对象中的函数时，由于是通过对象调用，所以。因为函数是以回调函数的形式存在的，回调函数被window所调用。2）、将新函数中的this。

call apply bind 改变this指向的三种方式的异同

weixin_44134588的博客

08-14

254

改变this指向三种方法 1,call方法 //1,call() let o = { name: 'red', } function fn(a, b) { console.log(this); console.log(a + b); } fn.call(o, 1, 2) //调用函数,改变this指向, 最前面的参数是改变的this指向,后面的是传递参数

call与apply深入解析：指向与继承应用详解

首先，`call()`和`apply()`的共同点在于，它们都可以用来将一个函数的`this`值绑定到指定的对象，这在需要改变函数内部`this`指向以适应特定场景时非常有用。`call()`和`apply()`的语法略有不同： - `call(this的...