jQuery 样式函数默认使用对象

Question

我有一个我正在处理的项目，但我无法使用 jQuery。自从使用 jQuery 后，我已经非常习惯在函数中设置参数的方式。用“jQuery”的方式做这件事非常好，所以顺序无关紧要，或者即使你像普通函数方法一样使用所有默认值。

所以，我的问题是我会变成这样：

function myFunction(param1, param2, param3, param4, param5) {

}

到类似 jQuery 的方法，不使用 jQuery：

function myFunction({
 param1: 'test',
 param2: 'test2'
});

对此的任何帮助都会很棒！

Answer 1

我想你想在你的函数中定义一个单独的 options 参数，并将它扩展到一个 default values 对象：

function myFunction (options){
  options = extend({ // default values
    param1: 'test',
    param2: 'test2'
  }, options || {});

  alert(options.param1);
}

// helper function to "extend" the 'b' object from 'a'
// by copying its properties
function extend(a, b) {
  for ( var prop in b ) {
    a[prop] = b[prop];
  }
  return a;
}

如果你打电话：

myFunction ({param1:'overriden!'});

options.param1 将在您的函数中被覆盖，options.param2 将保持其默认值“test2”。