为什么用this在Map对象里调用函数总是出bug呢？
最佳答案 问答题库08位专家为你答疑解惑
一、真实实场景：细小明遇到的bug
咱们先看个真实实场景。细小明在开发记账应用时 想用Map存储不同货币的汇率转换方法：
javascriptconst 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对象。那么为啥在下列代码中会报错？
pythonlist)六、 Vue或React框架中的坑
不过等等，为啥在Vue或React框架里三天两头看到箭头函数和bind混用？这里有个轻巧松踩的坑：当你在组件里用Map存储方法时 如果直接写普通函数，事件触发时this兴许指向DOM元素而不是组件实例。这时候用箭头函数+bind双沉保险才靠谱。
七、 ：避免this乱跑的细小技巧
再说说提醒新鲜手朋友，在Map里用this时要注意三个雷区：
嵌套函数中的this会丢失绑定异步回调中的this指向会变来变去严格模式下的this表现不同下次再遇到this乱跑的情况，不妨先喝口水镇定下然后检查函数定义方式、施行周围和绑定方法。记住编程就像解谜游戏，个个报错都是线索，顺着线索找就能破解谜题！
99%的人还看了
相似问题
- 上一篇: 如何让SEO优化为网站推广注入持久的活力？
- 下一篇: 返回列表