javascript - arr.map(fn,this),this指的是谁-PHP中文网问答

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

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

黄舟 2017-04-11 10:04:48

[JavaScript讨论组]

517

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

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(2)

大家讲道理2017-04-11 10:06:48 2楼

指的是arr数组本身

赞 +0

添加回复

伊谢尔伦2017-04-11 10:06:48 1楼

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。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>