Javascript 函数参数处理

Question

处理 javascript 函数中的参数的最佳方法似乎是要求调用者传递一个关联数组：

example = function(options) {
  alert('option1: ' + options.a + ', option2: ' + options.b);
}

现在参数已命名，并且在调用此函数时不需要按任何特定顺序：

example({'b':'hello option2', 'a':'hello option1'});

我唯一不喜欢的是我有让所有这些额外的代码来处理必需的和默认的参数，更不用说不允许额外的参数，这样调用者就知道他们调用了错误的函数：

example = function(options) {
var required_args = ['a', 'd'];
var default_args = {'b':'option2', 'c':'option3'};
var allowed_args = ['a', 'b', 'c', 'd'];
// check required args
// check allowed args
for (var arg in default_args) {
    if (typeof options[arg] == "undefined")
              options[arg] = default_args[arg];
  }
  alert('option1: ' + options.a + ', option2: ' + options.b);
}

是否有标准的方法来处理这个问题？我想我可以创建一个类似的函数：

deal_with_args(options, required_args, default_args, allowed_args)

如果违反了 required_args 或 allowed_args 则抛出一些异常...

Answer 1

1. 为什么你想要以任意顺序进行参数？这会让阅读代码的人感到困惑
2. 函数不应该有很多参数 - 这暗示它做了太多
3. “必需”和“默认”参数的常见模式对我来说似乎并不那么糟糕。

“标准”形式类似于：

function myFunc(required_param, some_param, param_with_default) {
  // obviously this needs modifiction (ie use 'typeof' as you did) 
  // if you're dealing potentially 'falsey' values
  param_with_default = param_with_default || 'some default value';
  // same caution applies here
  if(!required_param) {
    // throw some exception here, or return an error code, or whatever
  }

  // function code
}

Answer 2

您可以对所需的参数进行空合并吗？

alert('option1: ' + (options.a || default_args[a]) + ', option2: ' + (options.b || default_args[b]));

（编辑以更正操作员错误）

Answer 3

我认为将参数的哈希值传递给 javascript 中的函数是有效的，特别是对于 UI 组件的构造函数等。在这些情况下，有时您可能会得到数十个需要调整的参数，所以我认为这不是 将 args 作为散列传递总是一个坏主意。

在这些情况下，我认为明智的做法是拥有一个现成的合理默认值的哈希值，然后用传递的对象扩展它。

我想大多数人会在他们选择的框架中使用扩展方法（原型中的 Object.extend(obj1, obj2)、jQuery.extend(obj1, obj2,...objn) 等）来做到这一点。在幕后，这些方法只是执行 for in 并复制属性。