button按钮onclick调用的函数名和id相同会导致找不到函数

前几天在做一个页面优化的时候碰到一个奇怪的问题，百思不得其解，耗费了我一天的时间，怎么想都不可能。

问题是这样的，第一天下班前，我给一个button绑定了一个onclick事件，事件调用一个函数，调试成功后下班。

第二天上班，把之前的函数改一个稍微符合用意的名称，再给按钮加了id，函数名和id相同；之后点击按钮时控制台一直报错，找不到我绑定的函数，我确定了很多遍onclick事件填的函数名和要调用的函数名是一致的。

控制台报错：



按钮代码：



函数代码：



觉得是不是函数名被用过，我给函数随意的改了很多个名，处于习惯每次都把id也改成一样的，一直是同样的报错。

也怀疑过是缓存问题，清理的服务器重现部署，点击前特意审查元素看改过来，但依然报错。

之后我给函数的名称加了个“1”，这次懒得一起改id，再调试竟然成功调用了，这时我意识到也许是id搞的鬼，之后我再把函数改回原来的名称，去掉button的id，成功调用。

结论：button按钮onclick调用的函数名和id相同会导致找不到函数

ps：

其他事件我没去试，也许也会这样。

这个问题是我遇到的比较奇葩的问题，并且百度查不到，所以记录一下，一是加强记忆，二是为以后遇到这个问题的人减少排查时间。

------------------------再编辑，2017-1-22 16:58:56---------------------------

试了一下把id换成其他函数的名称，结果导致其他函数找不到。

结论：id不能和函数同名









-----------------------再编辑，2017-1-22 17:10:23----------------------------

百度发现这人遇到的问题与我有些类似，所以关联过来。

再次得出结论：id不能与函数和js变量同名

链接：关于js中var的变量与ID重名