TypeError:Cannot read properties of undefined（reading XXX）

问题描述

我们在GetNav方法中使用map遍历数组为每一个元素动态生成一列数据,并为每一列数据加上onClick事件，运行报错updateRoute为undefined

问题分析

map里面的function声明，这种声明方式因为是独立执行，在严格模式下this指向undefined
经过验证，打印出来的this确实为undefined
因此修改map里面的name方法为箭头函数即可解决问题

return arr.map((item)=>{……})

问题总结

本文归根结底为this指向的问题。

可参考 关于this指向的深刻理解以及重写call/apply/bind