前几天在做一个页面优化的时候碰到一个奇怪的问题，百思不得其解，耗费了我一天的时间，怎么想都不可能。
问题是这样的，第一天下班前，我给一个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变量同名
2948
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
