一篇文章搞懂js中的call(),apply(),bind()以及map()方法

最近在工作中经常碰这几个方法。所以想总结一下这几个方法。我们把call(),apply(),bind()方法分为一类。他们的作用是改变this的指向,它的调用者为函数。而map()方法类似于foreach。它的调用者为数组。

call():

call
调用call方法时同时立即执行foo函数,但this的指向为obj

apply():

apply
调用apply方法时同时立即执行foo函数,但this的指向为obj

这两个方法的区别为:
apply方法的第一个参数指定this的指向,第二个参数为一个数组。对应着函数中的a,b,c传递过去了
call方法除了第一个参数指定this的指向外,其余的都将作为参数依次传递给函数本身

bind():

而bind()方法用法差不多,但他不是立即执行的,而是将调用它的函数返回。函数还是一样的函数。只是this的指向变了

map():

它的调用者为数组,类似于foreEach方法

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function (item) {
  return item * item;
});

alert(arrayOfSquares); // 1, 4, 9, 16

工作中遇到的实例:

demo

console.log(this._getLifetimeReportParams(ioIds, this.member.id, strategy));返回的是一个{},则reportPromises是一个数组里面有个四个对象。bind()方法用于改变this的指向,它不会像apply和call方法,改变了this指向后立即执行。而是返回一个新的函数,这个函数还是本来的函数,只是this指向变了,它没有立即执行。而[].map则相当于Forech(),传进去的值为一个回调函数,其参数为当前对象。可以看成[].map(getReport(opts))。而这个opts就等于当前数组遍历的对象

opts==this._getLifetimeReportParams(ioIds, this.member.id, strategy)

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值