你是不是曾在编程过程中遇到这样的困惑：在Map对象中用this调用函数时为何总是出现bug？今天我们就来揭开这玩意儿谜团。

一、真实实场景：细小明遇到的bug

咱们先看个真实实场景。细小明在开发记账应用时 想用Map存储不同货币的汇率转换方法：

javascript
const currencyConverter = new Map;
const calculator = {
    rate: 6.5,
    methods: new Map(
    ])
};
    

箭头函数有个特殊技能——它没有自己的this绑定，会继承定义时的上下文。就像带着定位器的细小狗，不管跑到哪里都能找到回家的路。

二、问题琢磨：this的迷踪

这时候有三个修正方案任你选：

第一个解决方案是用箭头函数。把方法 这样：

javascript
    

关键问题出在函数的施行周围。当把函数存入Map时它就像被装进玻璃罐的萤火虫——虽然还能发光，但已经和原来的生态周围隔离了。这时候this的指向会发生三种常见变来变去：

1. this指向全局对象

在浏览器周围中， 如果没有其他上下文，this通常指向window对象。

2. this指向undefined

在严格模式下 如果函数没有上下文，this会指向

3. this指向调用函数的对象

如果函数是作为对象的方法调用的，this指向这玩意儿对象。

三、 解决方案：锁定this的指向

细小编观点：在实际开发中，觉得能优先用箭头函数处理Map中的方法。如果遇到需要动态绑定this的场景，能结合bind方法用。就像系平安带那样，养成固定this指向的优良习惯，能避免很许多莫名其妙的bug。

这相当于给函数戴上手铐，有力行把它和calculator对象锁在一起。就算被存到Map里this也跑不了。

四、 深厚入探讨：函数与方法的不一样

如果嵌套函数作为方法调用，其this的值指向调用它的对象。再了解了函数和方法的不一样之后 再去认真实读下面一段话，就会清晰很许多，就能说明白为啥上面两段代码的返回值不一样的原因了。

如果嵌套函数作为函数调用，其this值不是全局对象就是

五、Map的疑问：为啥map在Python中会报错？

关于map的疑问：既然说map是Python内置的高大阶函数， 它接收一个函数f和一个list，并通过把函数f依次作用在list上，再说说返回一个map对象。那么为啥在下列代码中会报错？

python
list)
    

六、 Vue或React框架中的坑

不过等等，为啥在Vue或React框架里三天两头看到箭头函数和bind混用？这里有个轻巧松踩的坑：当你在组件里用Map存储方法时 如果直接写普通函数，事件触发时this兴许指向DOM元素而不是组件实例。这时候用箭头函数+bind双沉保险才靠谱。

七、 ：避免this乱跑的细小技巧

再说说提醒新鲜手朋友，在Map里用this时要注意三个雷区：

1. 嵌套函数中的this会丢失绑定
2. 异步回调中的this指向会变来变去
3. 严格模式下的this表现不同

下次再遇到this乱跑的情况，不妨先喝口水镇定下然后检查函数定义方式、施行周围和绑定方法。记住编程就像解谜游戏，个个报错都是线索，顺着线索找就能破解谜题！