call方法和apply方法的区别

apply:应用某一对象的一个方法,用另一个对象替换当前对象。
call:调用一个对象的一个方法,以另一个对象替换当前对象。

它们的共同之处:
都“可以用来代替另一个对象调用一个方法, 将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。”说明白一点其实就是更改对象的内部指针,即改变对象的this指向的内容。
它们的不同之处:


apply:最多只能有两个参数——新this对象和一个数组 argArray。如果给该方法传递多个参数,则把参数都写进这个数组里面,当然,即使只有一个参数,也要写进数组里面。如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。
call:则是直接的参数列表,主要用在js对象各方法互相调用的时候,使当前this实例指针保持一致,或在特殊情况下需要改变this指针。如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 

更简单地说,apply和call功能一样,只是传入的参数列表形式不同:如 func.call(func1,var1,var2,var3)对应的apply写法为:func.apply(func1,[var1,var2,var3])

var man = {

    name: 'Jason',

    sayName: function() { 

        console.log(this.name); 

   }

}

man.sayName(); // 输出'Jason

`sayName()`是对象`man`上的方法,`sayName()`里`this`指向`sayName()`所在的对象(即`man`),`this.name`实际上是`man.name`,因此最后输出'Jason'。

如果函数不是对象上的方法,那`this`默认情况下会指向全局上下文,在浏览器中,也就是`window`:

window.name = 'Tommy'

function foo() {

    console.log(this.name);

}

foo(); // `this`指向`window`,所以输出'Tommy'

上面的`foo`函数,由于定义在全局环境中,`this`默认指向`window`;如果想更改里面指向的`this`,例如改成`man`,可以调用`foo`的`call()`方法,然后把`man`传进来:

foo.call(man); // 输出`man`

foo.apply(man); // 也是输出`man`


假如`foo`定义时包括了形参:

```

window.name = 'Tommy'

function foo(a, b) {

    console.log(a + b + this.name);

}

也就是说`foo`调用时期望传进两个参数,所以对于`foo.call()`和`foo.apply()`的形式,第一个参数指定绑定的`this`,后面的参数指定`foo`调用时期望传入的参数(有2个),对于`call`来说,两个参数一个一个传进来;而对于`apply`来说,两个参数必须组成一个数组,以数组方式传进来:

foo.call(man, 'Hello, ', 'Mr.');     // 输出‘Hello, Mr.Jason

foo.apply(man, ['Hello, ', 'Mr.']);   // 同样输出‘Hello, Mr.Jason

比较下直接调用`foo`的结果     foo('Hello, ', 'Mr.'); 输出Hello, Mr.Tommy


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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值