onclick调用CreateCommende提示未定义，已定义函数却无法调用求解决

兄弟，你遇到的这个情况挺有意思——按钮点击能正常调用函数，但控制台直接调用就报“未定义”错误，大概率是函数的作用域没暴露到全局，或者控制台的执行环境和函数不在同一个上下文，咱们一步步捋清楚：

1. 函数被“关”在局部作用域里了 #

这是最常见的原因。比如你可能把CreateCommende放在了jQuery的$(document).ready()回调、立即执行匿名函数（IIFE）这类局部作用域里，导致它没有挂载到全局的window对象上：

// 举个例子：函数躲在ready闭包里
$(document).ready(function() {
  function CreateCommende(username) {
    var name = username;
    console.log(name);
  }
});

你可能会疑惑：那为啥按钮点击能生效？哦不对——要是函数真的在局部作用域里，内联onclick其实也找不到它，要么是你记错了绑定方式，要么是误打误撞让函数临时出现在了作用域链里。不管怎样，解决办法很直接：把函数暴露到全局就行：

// 办法1：直接在全局定义函数
function CreateCommende(username) {
  var name = username;
  console.log(name);
}

// 办法2：如果必须放在闭包里，手动挂到window上
$(document).ready(function() {
  window.CreateCommende = function(username) {
    var name = username;
    console.log(name);
  };
});

这样控制台在全局环境里就能找到这个函数了。

2. 控制台的执行上下文不匹配 #

要是你的页面包含iframe，或者用了Web Components的Shadow DOM，控制台默认的执行环境可能不是函数所在的上下文：

• 比如函数在主页面，但控制台默认切换到了某个iframe；
• 或者函数在Shadow DOM内部，而控制台默认盯着主文档。

这时候你去控制台顶部找个下拉菜单（一般显示top或者当前域名），切换到函数所在的上下文（比如主页面的top），再调用CreateCommende('admin')试试。

3. 别小看拼写错误！ #

虽然你说控制台输入的是正确的，但还是要核对：函数定义的名字和你控制台敲的是不是完全一致？比如大小写（CreateCommende vs createCommende）、字母有没有多写少写？

你可以在控制台输入window.CreateCommende，要是返回undefined，说明函数确实不在全局；要是能看到函数体，那肯定是你敲错了名字。

4. 函数被其他脚本“搞没了” #

要是页面里还有别的脚本，说不定后续代码把CreateCommende覆盖了，甚至用delete window.CreateCommende把这个全局属性删掉了。

你可以在函数定义完之后加一行console.log(window.CreateCommende)，确认它确实挂到全局了；等页面加载完成后，再在控制台输入一遍window.CreateCommende，看看它还在不在。

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