call,apply,bind方法区别

最新推荐文章于 2024-08-01 12:11:32 发布
最新推荐文章于 2024-08-01 12:11:32 发布
阅读量125 收藏
点赞数
分类专栏： javascript基础 文章标签： call apply bind
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuxufeifei/article/details/82383133
版权

相同点：功能都是改变this定向，为了对对象进行方法扩展的。
bind() 不能即时调用，需要一个新方法调用
//方法一
var fun = opj.bind();
fun();
//方法二
opj.bind(‘click’,function(){
…
});
call() 和 apply() 方法作用一样 使对象的方法进行扩展！
他们的参数不一样！
call()可以有多个参数，而apply()只能有两个参数，第二个参数可以放数组
call(opject,参数1，参数2，参数3，…)
apply(opject,[参数1，参数2，参数3，…]);

同通俗解释法：
call()相当于一个中间人，

zhuxufeifei
关注
专栏目录
call apply bind的作用和区别
XIAXING123的博客
03-15 2306
1.call apply bind 的作用和区别 作用： 都可以改变函数内部的this指向。 区别点： 1.call和apply会调用函数，并且改变函数内部this指向。 2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg] 3.bind不回调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call ,apply和bind方法 详解
热门推荐
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
call apply bind 区别与联系
weixin_47075145的博客
08-25 637
分析：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 方法的区别
weixin_51795940的博客
06-26 167
【代码】call apply bind 方法的区别。
call、apply、bind的区别
最新发布
Winsom1的博客
08-01 287
接受两个参数，第一个参数指定了函数体内 this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组。1、call和apply绑定完this会立即调用当前的函数，而bind绑定完this不会立即调用当前函数，而是将函数返回。都是为了改变函数运行时的执行上下文，使得函数在执行过程中的 this 值得到绑定并且传入指定的参数。接受多个参数，第一个参数指定了函数体内this对象的指向，从第二个参数开始的参数依次传入函数体内。这样可以在特定的环境中调用函数，扩展函数的灵活性和适用性。
js中call,apply和bind方法
yytasty的博客
04-13 193
this的口诀：this指向调用该函数的对象。 call，apply，bind就是为了改变函数里面this的指向而存在的 1. call函数 语法 :任意函数.call(任意对象，参数1，参数2…) 特征：call能调用函数，后面可传入多个参数，用逗号隔开 价值：任意对象 都能调用 任意函数（功能） var box = document.querySelector('#box'); ...
实现 call apply bind
呵呵，到处看看
02-07 784
// call apply bind 都是 function 原型上的方法 // call 传入 this指向的对象 传入参数 列表 Function.prototype.myCall = function (context,...args){ if (context===null||typeof context === undefined){ context = window //如果 context 传入 null 或 undefined 则 this 指向 window } //传
call、apply和bind的区别
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
细说 call、apply 以及 bind 的区别和用法-详解
JackieDYH的博客
09-05 1920
call 和 apply 的共同点 它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。 为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，周末想给孩子炖个腌笃鲜尝尝。但是没有适合的锅，而我又不想出去买。所以就问邻居借了一个锅来用，这样既达到了目的，又节省了开支，一举两得。 改变执行上下文也是一样的，A 对象有一个方法，而 B 对象因为某种原因，也需要用到同样的方法，那么这时候我们是单独为 B 对象扩展一个方法呢，还是借用一下 A 对象
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
深入理解JavaScript中的call、apply、bind方法的区别
10-22
总结来说，call、apply和bind方法都是用来改变函数调用时的this值，但call和apply会立即执行函数，而bind方法则是返回一个新的函数，我们可以稍后执行它。apply和call唯一的区别在于参数的传递方式：apply接受一个...
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
输入5个数，输出其中最大和最小的数.
zhuxufeifei的博客
07-30 8847
//输入5个数存入数组中 var arr=[]; for(var i=0;i<5;i++){ arr[i]=parseInt(prompt('请输入第'+(i+1)+'个数')); } //比大小 var min=arr[0]; var max=arr[0]; for(var i=0;i<arr.length;i++){ if(min>arr[i]){ ...
表单验证的两种方法-(原生JS和Html5)
zhuxufeifei的博客
08-18 8825
原生JS的表单验证 html部分 <form> <div> <label>用户名：</label><input type="text" id="txtUsername"> <di
[数组练习]输入5个数，计算5个数的平均数.
zhuxufeifei的博客
07-30 8263
//输入5个数存入数组中 var arr=[]; for(i=0;i<5;i++){ arr[i]=parseInt(prompt('请输入第'+(i+1)+'个数')); } //求数组中数的和 var sum; for(i=0;i<arr.length;i++){ sum=sum+arr[i]; } //输出 console.log('五个数的和为：'+sum); consol...
原生js——点击获取当前索引的方法
zhuxufeifei的博客
08-21 6794
html代码部分 <button>A-1</button> <button>B-2</button> <button>C-3</button> <button>D-4</button> <button>E-5</button>
jQuery -分页代码整理
zhuxufeifei的博客
09-10 2294
js代码部分： let pageSize = 12; let pageIndex = 0; //创建页码 function builDatapage(list) { //获得总页数 let total = Math.ceil(list.length / pageSize); console.log(total); for(let i =0...
重构call apply bind方法
01-12
以下是重构call、apply、bind方法的示例： 1. 重构call方法： ```javascript Function.prototype.myCall = function(context, ...args) { context = context || window; const fn = Symbol(); context[fn] = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值