Javascript，在对象文字中传递一个函数，它是可调用的吗？

Question

一直在学习Javascript和修改一个很酷的autocomplete library，我现在就在前面：

我需要检查在对象字面量中传递的东西是变量/字段（被视为简单值）还是可以调用的东西。

（因为我的自动完成依赖于许多输入字段，我需要在 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') {

          }
       }
  }