JavaScript函数内调用initialize_selections等自定义函数失效问题求助

• 空值调用报错（概率最高）
  你在调用initialize_selections()前执行了document.querySelector('input[name="payment"]:checked').checked = false;代码，如果当前页面没有已选中的支付方式单选框，querySelector会返回null，对null访问checked属性会直接抛出JS异常，阻塞后续所有代码执行，自然无法调用后续的initialize_selections和myPoints函数。
• 函数作用域隔离
  如果initialize_selections是定义在DOM加载完成的回调（比如DOMContentLoaded、jQuery的ready回调）等闭包环境内，全局作用域下的hideForm函数没有权限访问闭包内的方法，会抛出initialize_selections is not defined的报错。
• DOM元素异常
  如果hideForm执行时部分判断依赖的DOM元素被移除、隐藏，虽然你首次加载运行正常，但如果hideForm执行时触发了元素不存在的报错，也会中断代码执行。

1. 修复空值调用问题，给querySelector的返回结果增加非空判断：

// 将原来的两行取消选中代码替换为以下内容
const checkedShipping = document.querySelector('input[name="shipping"]:checked');
if (checkedShipping) checkedShipping.checked = false;
const checkedPayment = document.querySelector('input[name="payment"]:checked');
if (checkedPayment) checkedPayment.checked = false;

2. 排查函数作用域，确保两个函数定义在同一作用域下，如果需要跨作用域调用，可以将initialize_selections挂载到全局window对象：

// 定义函数时修改为以下写法
window.initialize_selections = function() {
  // 原有函数逻辑不变
}

3. 打开浏览器开发者工具（按F12）切换到Console标签，查看具体报错信息，可直接定位异常点。

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