JavaScript中名为clear的自定义函数无法触发执行的原因

这个问题和JavaScript保留关键字无关，本质是内联onclick事件的特殊作用域查找规则导致的：
内联onclick属性里的代码执行时，作用域链会按照「当前触发元素 → 父级DOM节点 → 最外层document对象 → window全局对象」的顺序查找标识符，不会直接从全局作用域开始找。
clear是早期DOM规范定义在document对象上的原生方法（即document.clear()），不属于ECMAScript语法层面的保留字，所以你查JS官方保留关键字列表找不到这个字段。当你在onclick里写clear()时，查找过程会先命中原生的document.clear方法，不会走到你在全局作用域定义的自定义clear函数。而原生document.clear()本身执行时没有可见效果，也不会抛出错误，就会出现点击按钮无日志、无报错的现象。
你定义的copy()函数可以正常运行，是因为DOM节点的原型链上不存在同名的原生copy方法，标识符查找最终会落到全局作用域，命中你自定义的函数。

验证方法 #

打开浏览器控制台直接输入document.clear，就能看到这是浏览器内置的原生函数，并非你在script标签里定义的自定义函数。

修复方案 #

• 最直接的方式是避免函数和DOM原生API重名，把自定义函数重命名为clearResult、handleClear这类有业务语义的名称即可，你之前重命名后函数正常执行就是这个原理
• 如果不想修改函数名，可以在内联调用时明确指定全局作用域，把onclick里的写法改成onclick="window.clear()"，强制从window对象下查找目标函数
• 更规范的实践是不要使用内联onclick绑定事件，在JS代码中通过addEventListener完成事件绑定，从根源上避开内联事件的特殊作用域链问题，示例代码：

// 找到Clear按钮绑定事件
document.querySelector('input[value="Clear"]').addEventListener('click', clear)

内容的提问来源于stack exchange，提问作者Gregory