arr.map(fn,this),this指的是谁

var arr=[2,3,42,1,4,6];
var arr2=arr.map(function(data,index,_this){
    console.log(this);//为什么是window
    return data;
},this);//这里的this指向谁
阅读 6k
3 个回答

clipboard.png
是调用cb时候的this,对于这种情况下,就是全局对象了,strict模式下好像是undefined吧,如果你传入一个bind以后的cb,这个this应该就是bind调用是传入的上下文了,比如:

var obj = {}
var arr = [12,123]
var cb = (function(){console.log(this)}).bind(obj)
var arr2 = arr.map(cb)

楼主可以试一试,如果不明白的话,好好看一下js中this值的变化吧!推荐一本you dont konw js,我觉得是我看过的js语法讲的最好的书了

不好意思没看太清,楼主问的是传入的this,这个其实就是代替我了上边的那个bind调用,因为一个函数在类似cb这种情况下调用,很多时候this都是指向全局的(例外的有事件处理函数),如果你传入第二个this参数,那么,你的cb中的this就指向了第二个参数,其实就是和传入一个bind之后的函数一个作用。

指的是arr数组本身

array.map(callback, this)

中的this:把this仅仅当做一个参数,即函数的实参。所以实参具体是什么要看它的声明、定义以及值。举个例子:

var object = {}
array.map(callback, object)

也就是说对于map方法而言,在实际用的时候,它的第二个参数是一个前面已经声明过的变量。但是如果你传入this,那么这个this就要往前找,往它所在的上一级作用域去找,如果可以找到对应的实例化对象,那么就是这个实例化对象了,如果找不到,那就指向了全局对象。

还是要举个栗子:

var array = [1,2,3]
var a = {
  mapObject: function() {
    array.map(function(){}, this) // 这个时候的this是什么呢?是a啊!
  }
}

而如果不是在一个实例化对象里面:

array.map(function(){}, this) // this是window或者global啊!

至于你里面console.log(this)为什么是window,你就得知道.bind,比如:

!function(){
    console.log(this.name)
}.bind({
    name: "Sam"
})

bind, call, apply的作用都是让函数里面的this指向给定的一个对象。

array.map(function() {}, this) 的作用实际上和 array.map(function() {}.bind(this)) 是一样的。map的第二个参数就是给第一个参数bind一个对象,这样在第一个参数里面就可以用this代替第二个参数。

回到你的题目中,前面第一个this其实就是指向了window,而function里面的this指向的是map的第二个参数,所以绕了一圈,还是指向了window.

this指向的一个小窍门:this指向的是当前作用域所属实例化对象,如果没有找到该对象,则是指向window。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题