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

Question

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

Answer 1

是调用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之后的函数一个作用。

Answer 2

指的是arr数组本身

Answer 3

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。