js call 和apply

call 和 apply 都是为了改变某个函数运行时的 context (即上下文)而存在的,通俗讲就是为了改变函数体内部 this 的指向。

二者的作用完全一样,只是接受参数的方式不太一样。

正题

经常记不住call和apply后面的除了第一个参数的格式,今天忽然想到一个方法:
apply第二个参数是数组,数组是array,和apply同一个字母开头,这样岂不是不就好记多了。

剩下的call,自然就是多个参数逗号分割的形式。

484有点聪明?哈哈哈(笑的像个200斤的孩子)。

温故而知新,可以为师也。下面就看道经典题目

Function.prototype.call.apply(function(a){return a;},[0,1,2])

没看过的童鞋第一眼是不是有点懵逼?反正我是有点的……又是call又是apply的,确定题目没错?

经过各方资料加上自己的理解后整理如下:

Function.prototype.call的call方法是Function原型的方法(见[Function.prototype.call]),而Function原型是什么呢?其实就是一个函数对象:

ƒ () { [native code] }

Function.prototype看成一个整体,记为f1
Function.prototype.call看成一个稍大的整体,记为f2,那么f2=f1.call
函数function(a){return a;} 记为f3
那么上述题目可以简写为:f2.apply(f3,[0,1,2])
将这行代码翻译下,即为:f3.call(0,1,2) 此处可能有人不太懂?
没关系,看个例子:

var foo = {
  name:"mingming",
  logName:function(){
    console.log(this.name);
  }
}
var bar={
  name:"xiaowang"
};
foo.logName.apply(bar);

foo.logName.apply(bar) 是否可以翻译为bar.logName()呢?(理想bar的执行状态),那么foo这个对象就被替换掉了。
因此,f2.apply(f3,[0,1,2]) 可以翻译为
f3.call(0,1,2)
,即

(function(a){return a;}).call(0,1,2)

第一个参数为1,即return 1。

  • 18
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

土豆片片

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值