call,apply,bind异同点区别及应用总结

最新推荐文章于 2023-02-15 20:08:16 发布
最新推荐文章于 2023-02-15 20:08:16 发布
阅读量183 收藏
点赞数 1
分类专栏： js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52443895/article/details/118195653
版权

近日复习JS看到这三个方法多方查阅资料进行了一些简单总结如下：

（1）相同点：都可以改变函数内部的this指向
（2）区别点：

1.call和apply会调用函数，并且改变函数内部this指向
2.call和apply传递的参数不一样，call传递参数以aru1，aru2…形式，apply必须以数组的形式[arg]
3.bind不会调用函数，可以改变函数内部this指向

（3）主要应用场景：

1.call经常做继承
2.apply经常跟数组有关系，比如借助与数学对象实现数组max、min
3.bind不调用函数，改变函数内部this指向。eg:改变定时器内部this

今天不要写bug
关注
专栏目录
函数call、apply与bind方法之间的区别
qq_37635012的博客
05-18 395
call与apply 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 javascript权威指南上的解释是 call()、apply()可以看做是某个对象的方法，通过调用方法的形式来间接的调用函数。 var func = function(arg1, arg2) { }; 就可以通过如下方式来调用： func.call(this, arg1, arg2); func.apply(this, [arg1, arg2]); call与apply相同点与不同点 相同点是这两个方法的作
深入了解JS中的call、apply、bind方法
killbee365的博客
04-15 338
JS中的call、apply、bind方法 一、call()和apply()方法 （1）call() 直接执行函数 语法：函数名.call() 可以有n多个参数 但是注意：第一个参数为 this的指向,第二个以后的参数都是给 原来函数传递实参 （2）apply() 直接调用函数 语法：函数名.apply() 只有两个参数 第一个参数为 this的指向 第二个参数为一个数组,原函数的实参 call ...
call/apply/bind的相同和不同点
weixin_70191743的博客
11-27 277
call/apply/bind的相同和不同点
call、apply、bind的异同点和使用场景
朽木自雕的博客
10-26 636
call、apply、bind的使用方法： 函数.call(对象,arg1,arg2....) 函数.apply(对象，[arg1,arg2,...]) 函数.bind(对象,arg1,arg2,....) call、apply、bind之间的相同点： 都可以改变this的指向，且第一个参数都是this将要指向的对象。 call、apply、bind之间的不同点： call和appl...
让你弄懂 call、apply、bind的应用和区别
weixin_33809981的博客
02-28 161
其实在很多文章都会写call，apply，bind的应用和区别，但是总感觉不是要的东西，所以自己总结一下，继续关注我，后续我会仔细讲解call，apply，bind的内部实现。喜欢的可以关注 如果出现错误，请在评论中指出，我也好自己纠正自己的错误 author： thomaszhou call、apply、bind使用和区别 1、call() 面试当中几乎每次都会问到一个js中关于cal...
call()、apply()、bind()的差别和共同点
weixin_47239885的博客
04-12 323
共同点： 1.call（）、apply（）、bind（）三者都是为了改变函数里面的this指向问题。 2.call（）和apply（）使用后会立即调用函数。 3.call（）和bind（）参数相识：（this，a，b）; 差异点： call（）调用后立即执行函数； var o = { name: 'andy' } //普通的方法调用this指向都是Window function fn(a, b) { console.log(this); console.log(a+b) }; f
call，apply，bind的区别和使用场景
holiday19950913的博客
08-12 1291
call()、apply()、bind()都是函数对象的一个方法，它们的作用都是改变函数的调用对象。它的使用极大的简化了代码的调用。 一、方法定义 call方法 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]])定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Gl.
实例讲解JavaScript中call、apply、bind方法的异同
10-21
总结来说，`call()`、`apply()`和`bind()`是JavaScript中非常实用的功能，它们允许开发者精细控制函数执行时`this`的指向，从而可以更加灵活地使用函数和构造器。通过掌握这些方法，可以解决许多涉及`this`指向的...
【WEB前端-面试】this指向 call apply bind 箭头函数
主、Lantu的博客
04-01 234
1. this指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。 全局作用域下： this对象指向的是window对象 在对象里面：this的指向是当前该对象 在普通函数作用域下 在非严格模式下: this的指向依旧是window对象 在严格模式下: this的指向是undefined 在构造函数中：this指向实例对象 2. 改变函数内部 this 指向 2.1 call方法 call()方法调用一个对象。简单理解为调用函数的方式，但是
实现 JS 中的 bind、call、apply 方法
alphabet_007
08-19 318
目录bind、call、apply 的异同点实现 bind 方法类数组对象转为数组普通函数中的 this 指向eval 和 new Function()实现 call 方法实现 apply 方法 bind、call、apply 的异同点 相同点：这三个方法都是 Function.prototype 上的方法，所有的函数实例都可以使用。它们的作用是相同的，都可以改变函数中的 this 指向，实现方...
call、apply和bind方法的用法、区别和使用场景
圆圆的 JavaScript 博客
06-15 2470
在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。
前端之路-浅谈call、apply和bind的异同
weixin_38788391的博客
01-29 410
call、apply和bind的理解 引言：首先一点我们知道call、apply和bind作用其实都是改变函数体内部this的指向，但是三者又有些细微的差别，接下来就记录一下个人对这三者异同的了解吧。 1.首先看一般情况不加修改时this的指向 function getThis() { console.log(this) } //相当于window.getThis() getThis(); //输出window 这里首先定义了一个函数getThis()，并在内部打印t
call，apply，bind的区别以及应用
nbsl_的博客
04-04 392
call，apply，bind的区别以及应用 一、call和apply,bind可以修改this的指向 但是bind比较特殊 详解在下面第二条 let obj1 = { name: "彭于晏", sayHello: function () { console.log('Hello '+this.name); } } let obj2 = { name:'胡歌' } obj1.sayHello() // 结果为 Hello 彭于晏 // 使用call改变this指向 obj1.sa
call、apply、bind的应用和区别
青梅SEO
03-22 97
1. call( ) 面试中常问的Js中关于call、apply、bind的问题，比如： 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 首先，要明白这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。有了这个认识，接下来我们来看一下,...
call()和apply()的区别以及简单使用
榴莲不好吃的专栏
09-18 928
call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。 bind()方法创建一个新的函数，在bind()被调用时，这个新函数的this被bind的第一个参数指定，其余的参数将作为新函数的参数供调用时使用。 三者的相似之处： 1、都是用来改变函数的this对象的指...
call()、apply()、bind()三个函数的相同与不同点
qq_57264830的博客
10-17 156
相同点：三个函数的第一个参数都是this指向对象，第二个参数开始就有所区别 不同点： call(): 参数可直接放进去，并用，分隔; apply(): 参数必须放进一个数组中 bind(): 返回的是一个函数，要加（），其它与call()一样 ...
call apply bind 区别与联系
weixin_47075145的博客
08-25 620
分析：Math.max(1,36,2,7,321)这种可以得到最大值，但是是求数组中最大值，所以可以想到apply的第二个参数要求是数组来解决。分析：这里this指向的是btn,因为是给btn绑定的点击事件，但是如果想让this指向 h1，然后点击按钮，打印出h1的id的话，就需要改变this指向。分析：可以实现 this指向 h1，也实现了 点击按钮，打印出h1的id。分析：可以实现 this指向 h1，但是实现不了 点击按钮，才打印出h1的id。eg：数组 [1,36,2,7,321] ,求其最大值？.
Call、apply、bind三者的异同：
Coder_Xy的博客
07-21 352
Call和apply传递的参数不一样，call传递参数使用逗号隔开，apply使用数组传递。Bind不会调用函数，但还可以改变this指向，比如改变定时器内部this指向。不同点call和apply会调用函数，并且改变函数内部this指向。Bind不会调用函数，可以改变函数内部this的指向。Apply经常根数组有关，比如借助数学对象实现数组最大值最小值。共同点都可以改变this的指向。...
call、apply、bind三者的异同
最新发布
weixin_62063529的博客
02-15 690
call、apply、bind
掌握Javascript apply、call与bind的实战应用与区别
总结来说，apply、call和bind都提供了灵活性，让我们能够在不修改函数本身的情况下，根据需要调整函数执行时的`this`值。它们各自适用于不同的场景：`call`适合一次性传递多个参数，`apply`适合批量传参，而`bind`则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值