变量中的 JavaScript 函数

Question

我需要知道为什么这个函数在引用变量时没有附加我的错误消息。我尝试返回一些值，例如“false”，但仍然不起作用。请帮助我在这里学习一些东西。

    function checkName(el)
  {
    if (/^[a-zA-Z ]+$/.test(el.val()))
    {
      return null
    }
    return el
  }

  $(document).ready(function()
  {
      $('button[name=btn-submit]').on('click', function(e)
        {
          e.preventDefault();
          var err = {
            fn: checkName($('input[name=fn]')),
            mn: checkName($('input[name=mn]')),
            ln: checkName($('input[name=ln]'))
          }

          var isSubmit = function(){
              for (var key in err) {
                if (err.hasOwnProperty(key)) {
                  if(err[key] !== null)
                  {
                    var parent_div = err[key].parent().closest('div');
                    parent_div.append('<p id="p-error" class="error-msg">test</p>');
                  }
                }                
              }              
          }
          console.log(isSubmit);
          //

Answer 1

您永远不会调用处理err对象的函数。您只需创建它并将该函数分配给isSubmit 变量。

要调用它，您需要将 () 添加到末尾，或者添加到函数表达式的末尾(如果您的目标是分配结果将其调用到 isSubmit)，或者在 console.log 中的 isSubmit 之后(如果您的目标是在那里调用它)。

例如，要么

var isSubmit = function(){
    for (var key in err) {
      if (err.hasOwnProperty(key)) {
        if(err[key] !== null)
        {
          var parent_div = err[key].parent().closest('div');
          parent_div.append('<p id="p-error" class="error-msg">test</p>');
        }
      }                
    }              
}(); // <== Here (could be pretty easy to miss seeing this, though)

或

console.log(isSubmit());
// Here ------------^^