Javascript，在对象文字中传递函数并且它可以调用吗？

Question

总是在学习Javascript和修改一个很酷的自动完成库的过程中，我现在在此之前：

我需要检查对象文字中传递的内容是否是变量/字段（即被视为简单值）或者是可以调用的内容。

（因为我的自动完成取决于许多输入字段，所以我需要在 Ajax.Request 之前“评估”正确的内容）以便此声明（请参阅“额外”部分...）

   myAutoComplete = new Autocomplete('query', {
        serviceUrl:'autoComplete.rails',
    minChars:3,
    maxHeight:400,
    width:300,
    deferRequestBy:100,
    // callback function:
    onSelect: function(value, data){
                alert('You selected: ' + value + ', ' + data);
                       }
            // the lines below are the extra part that i add to the library
            //     an optional parameter, that will handle others arguments to pass
            //     if needed, these must be value-ed just before the Ajax Request... 
    , extraParametersForAjaxRequest : { 
                  myExtraID : function() { return document.getElementById('myExtraID').value; } 
    }

看到“1 // 这里我'我迷路了......”下面，而不是 1 =>我想检查 extraParametersForAjaxRequest[x] 是否可调用，如果是，则调用它，如果不是，则仅保留其值。这样，我就得到了其他输入的正确值......同时保持真正通用的方法和对该库的干净修改......

{
  var ajaxOptions = {
    parameters: { query: this.currentValue , },
    onComplete: this.processResponse.bind(this),
    method: 'get'
  };
  if (this.options.hasOwnProperty('extraParametersForAjaxRequest'))
  {
      for (var x in this.options.extraParametersForAjaxRequest)
      {
          ajaxOptions.parameters[x] = 1 // here i'm lost...
      }
  }


  new Ajax.Request(this.serviceUrl, ajaxOptions );

Answer 1

您可以执行 typeof 来查看参数是否是函数，如果是则调用它。

var value;
for (var x in this.options.extraParametersForAjaxRequest)
{
    value = this.options.extraParametersForAjaxRequest[x];

    if (typeof(value) == 'function') {
        ajaxOptions.parameters[x] = value();
    }
    else {
        ajaxOptions.parameters[x] = value;  
    }
}

Answer 2

   if (typeof this.options.extraParametersForAjaxRequest[x]==='function') {

   }

您还应该这样做：

   if (this.options.extraParametersForAjaxRequest.hasOwnProperty(x) {
       if (typeof this.options.extraParametersForAjaxRequest[x]==='function') {

       }
   }

在迭代对象的属性时，否则您最终也可能会查看原型成员。

另一个建议是使用您正在使用的东西的别名来使其更具可读性。所以最终的结果是：

  var opts = this.options.extraParametersForAjaxRequest;
  // don't need to check for existence of property explicitly with hasOwnProperty
  // just try to access it, and check to see if the result is
  // truthy. if extraParametersForAjaxRequest isn't there, no error will
  //  result and "opts" will just be undefined
  if (opts)
  {
      for (var x in opts) {
          if (opts.hasOwnProperty(x) && typeof opts[x]==='function') {

          }
       }
  }