javascript:this、function#call以及function#apply

理解JavaScript中的this与call, apply方法

weixin_33698823

于 2014-01-03 11:21:00 发布

阅读量60

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/websec/blog/189778

本文详细解析了JavaScript中的this关键字及其在函数调用时的行为，并深入探讨了call与apply方法如何改变this指向，包括它们的区别及实际应用案例。

function a(){
   console.log(window == this) //true 
}
a()

上面代码中当函数被调用时this的值是全局对象，在浏览器中,就是window对象

使用.call与.play方法可以改变this的值

function a(){
  this.a=='b'; 
}

console.log(a.call({a:'b'}))  //true

其实call与apply的区别主要在于,两者接受的参数方式不同。.call接受的参数是参数列表。.apply接受的是一个参数数组：

function foo(a,b){
  console.log(a=='1');
  console.log(b=='2');
}
foo.apply(this,[1,2]);  //true
foo.call(this,1,2);    //true

转载于:https://my.oschina.net/websec/blog/189778