为什么JavaScript中clear()函数不生效，带大写的clearA()可正常运行？

核心原因是命名冲突：clear是浏览器DOM环境自带的原生方法，内联onclick事件执行时的作用域查找规则会优先命中DOM节点上的内置方法，不会调用你自定义的全局同名函数。

你写在HTML标签onclick属性里的代码，执行时作用域链不是单纯的全局作用域，会按顺序遍历当前触发元素、父级元素、document、window上的属性和方法，你自定义的全局clear()排在原生方法后面，所以点击时实际执行的是浏览器内置的clear()，自然实现不了清空结果区的效果。
当你把函数名改成clearA()时，不存在同名的原生API，作用域查找时能直接找到你写的自定义函数，所以可以正常运行。你其他全小写命名的函数比如deleteLast()、calculateResult()没出问题，只是因为刚好这些名字没有和浏览器原生方法重名而已。

你可以直接打开浏览器控制台输入clear回车，就能看到这是浏览器原生实现的内置函数，这就是冲突的直接证据。

• 最省事的方法：避开原生API的命名，用不会重名的函数名就行，比如你现在用的clearA()，或者语义更清晰的clearResult()、resetCalc()都可以。
• 更规范的长期方案：不要把JS逻辑直接写在HTML的onclick属性里，把结构和逻辑分离，用addEventListener绑定事件，从根源上避免内联事件的作用域污染问题。比如给AC按钮加个独立id：

<td id="clearBtn" class="changing-button">AC</td>

然后在JS里绑定事件：

document.getElementById('clearBtn').addEventListener('click', function() {
  document.getElementById('resultArea').innerHTML = '';
})

额外提示：你当前代码里还有两个小问题需要注意：一是用eval()做计算有很高的XSS安全风险，正式项目不要这么写，可以自己实现四则运算解析逻辑替代；二是你HTML里绑定了changingPresign()、squared()两个函数，但是JS部分没有写对应实现，点击±和x²按钮的时候会抛错，记得补上逻辑。

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