谈谈call、apply和bind的区别

最新推荐文章于 2024-04-19 11:37:34 发布

原创最新推荐文章于 2024-04-19 11:37:34 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

本文详细解析了JavaScript中改变函数this指向的三种方法：call、apply与bind的使用技巧及区别。call与apply均可立即执行函数并改变this指向，不同之处在于参数传递方式；bind则创建新函数，保留this指向，不立即执行。

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

call：
1.第一个参数可以改变函数的this指向
2.从第一个参数之后的参数就是对应函数的形参
3.函数会默认直接调用

apply：
1.第一个参数可以改变函数的this指向
2.第二个参数是个数组对象，数组对象的内容就是对用函数的形参
3.函数会默认直接调用

bind：
1.第一个参数可以改变this的指向
2.从第一个参数之后的参数就是对应函数的形参
3.函数不会默认直接调用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南栀向暖

关注关注

1
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端经典面试题（50道）必备神器

weixin_59519449的博客

01-04

3162

大学全栈面试题库 V120191220 目录 1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 2. 你简述盒模型 3. CSS3的新特性 4. CSS选择器及其优先级 5. 说说BFC 6. 说说定位相关的属性 7. 谈谈flex布局 8. 你怎么清楚浮动 9. 两边宽度固定中间自适应的三栏布局(默写题,手写笔试题) 10. 浏览器渲染机制 11. 重绘和回流的区别 12. JS数据类型 13. JS...

简单谈谈javascript中this的隐式绑定

10-22

4. **`call`、`apply`、`bind`方法**：这些函数允许开发者显式地设置`this`的值。隐式绑定主要涉及到第二条规则，即方法调用。我们通过一个例子来深入理解： ```javascript function foo() { console.log(this.a...

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

谈谈call、apply和bind方法的用法以及区别

cskiss2012的博客

06-14

317

这三个方法的作用都是改变函数的执行上下文也可以说成这三个方法都是改变函数调用的this指向比较典型的就是数组中求最大值和最小值直接上代码： const number = [1,23,34,55] const maxInNumber = Math.max.apply(Math, number) const maxInNumber2 = Math.max.call(Math, 12,123,-23...

bind、call、apply的区别和作用

access3631的博客

02-02

232

一、主要作用　　三个方法都实现一个重要的作用：改变方法（函数）的this指向二、主要区别　　最主要的区别是call()、apply()方法是立即调用当前函数，而bind()是返回一个改变了this指向的新函数，并不立即调用三、各个方法详细说明　　1、call()详解　　　　（1）参数，call(newThis,arg1,arg2。。。) 　　　　　①newTh...

bind、call、apply的区别、实现逻辑？手写实现 bind、call、apply方法

小草莓的博客

07-21

3077

函数内部使用 apply 来绑定函数调用，需要判断函数作为构造函数的情况，这个时候需要传入当前函数的 this 给 apply 调用，其余情况都传入指定的上下文对象。call 和 apply 会立即执行函数，而 bind 不会执行函数，而是返回一个改变了 this 指向的新的函数。本质都是为了改变函数运行时的执行上下文，使得函数在执行过程中的 this 值得到绑定并且传入指定的参数。而 apply 是传入一个数组。将待执行的函数作为上下文对象的属性，巧妙的改变了 this 的指向，并且立即指向该函数。

弄懂bind，apply和call的区别

weixin_43795084的博客

11-28

206

直接上区别：最大共同点：bind，apply，call都能改变this的指向(这也是他们的最大用处)。不同点： bind(this，数组，类数组或对象) apply(this, 数组，类数组或对象) call(this,arg1,arg2,arg3…) 还有，只有bind是创造一个新的函数并返回，而其他两个都是直接用。第一个参数的传递 1、thisObj不传或者为null、undefined时，函数中的this会指向window对象（非严格模式）。 2、传递一个别的函数名时，函数中的this将指向

深入理解bind()和call/apply()方法的区别

阳光下的冷静的博客

04-10

3769

深入理解bind()和call/apply()方法的区别

谈谈JavaScript中的几种借用方法

10-21

我们下面来看一篇关于JavaScript中借用方法的一个详细介绍，注意：本文假设你已经掌握使用 call()、apply()和bind()的相关知识和它们之间的区别，希望这篇文章能够让各位了解到JavaScript中的借用方法吧。

第 37 题：谈谈你对 this 指向的了解？.doc

10-23

- `apply()`: 和 `call()` 类似，但它接受一个数组或类数组对象作为参数。 - `bind()`: 创建一个新的函数，其 `this` 值被绑定到指定的对象，即使在新函数被调用时也不会改变。 6. **箭头函数**：箭头函数的行为...

call、apply、bind的区别和实现

qq_62401119的博客

04-19

504

这三个方法都是用来改变函数中this指向的。其中call和apply作用完全一样applycallbindcallbind。

说说JavaScript里call()、apply()、bind()的事

qq_43288315的博客

01-18

216

最近偶然感兴趣JavaScript里this的指向，来写一写我的认知！ bind() 绑定的含义 bind()方法会创建一个新的函数，为绑定函数，fun方法在this环境下调用语句: fun.bind(this,a1,a2,····) 第一个参数是this的指向第二个参数开始是接收的参数列表。区别在于bind方法返回值是函数以及bind接收的参数列表的使用。 this.a = 1; ...

bind、call、apply的区别

weixin_45207149的博客

05-05

426

1. call call、apply、bind都是改变this指向的方法 fn.call 当前实例(函数fn)通过原型链的查找机制，找到function.prototype上的call方法，function call(){[native code]} fn.call() 把找到的call方法执行当call方法执行的时候，内部处理了一些事情 1.首先把要操作的函数中的this关键字变为call方法第一个传递的实参 2.把call方法第二个及之后的实参获取到 3.把要操作的函数执行，并且把第二个以后传递进来的

简述对call()、apply()、bind()的理解和区别

weixin_30333885的博客

08-14

321

1、call()、apply()、bind() 都是用来重定义 this 这个对象的！ call 、bind 、 apply 这三个函数的第一个参数都是 this 的指向对象，第二个参数差别就来了： call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,'成都', ... ,'string' )。 apply 的所有参数...

apply、call、bind小结

zlingyun的博客

10-24

508

相似点首先，这三个都是用来改变函数的this对象的指向的；然后，他们第一个参数都是要指向的对象；最后，后续的参数用来传参。区别之处有个例子特别好： var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(th...

前端面试题：bind，call和apply的区别

jiang7701037的博客

08-21

1万+

一、文字描述： 1、相同点：三个函数都会改变this的指向（调用这三个函数的函数内部的this） 2、不同点： 1)、bind会产生新的函数，（把对象和函数绑定死后，产生新的函数） 2)、call和apply不会产生新的函数，只是在调用时，绑定一下而已。 3)、call和apply的区别，第一个参数都是要绑定的this，apply第二个参数是数组（是函数的所有参数），c...

前端之路-浅谈call、apply和bind的异同

weixin_38788391的博客

01-29

454

call、apply和bind的理解引言：首先一点我们知道call、apply和bind作用其实都是改变函数体内部this的指向，但是三者又有些细微的差别，接下来就记录一下个人对这三者异同的了解吧。 1.首先看一般情况不加修改时this的指向 function getThis() { console.log(this) } //相当于window.getThis() getThis(); //输出window 这里首先定义了一个函数getThis()，并在内部打印t

call、bind、apply三者的区别

nanxun201314的博客

04-26

8972

当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。

call、apply和bind的区别

hmxs_hmbb的博客

05-04

1万+

面试会经常被问到哦！！！！！

call、apply、bind三者的用法和区别