Javascript 回调和可选参数

Question

如果我正在创建一个接受两个强制参数的函数，其中一个是回调，还有几个可选参数，我该如何对其进行编码，以便当我仅使用两个强制参数调用它时它就可以工作。

前任：

函数保存（颜色，大小，重量，回调）{ ... }

其中颜色和回调是必需的，大小和重量是可选的。因此，如果有人想仅使用颜色和回调来调用此函数......

保存('蓝色', function(...) { ... }) { ... }

 save('blue', 56, function(...) { ... }) { ... }

但这将回调函数分配给大小和重量，我该如何解决这个问题以执行我想要的操作？

Answer 1

参数对象很好地解决了您的问题，如下所示：

function save(params, callback) {
    params.color = params.color || 'default';
    params.size = params.size || 0;
    params.weight = params.weight || 0;

    // ...

    if (callback instanceof Function) { callback(); }
}

像这样使用：

save({ color: 'blue', weight: 100 }, function () { /* ... */ });

Answer 2

JavaScript 参数必须在位置上与预期参数对齐，因此在传递的其他参数之间遗漏参数是行不通的。一种选择是在单个对象中传递可选参数。

// callback is required
// additional arguments are passed as props of 'options'
function save(options, callback) { 
    var color = options.color || 'blue';
    var size = options.size || 72;
}

像这样传递它们：

save({ color: 'red' }, function() {});

Answer 3

您可以检查arguments.length来查看传递了多少个参数，并检查typeof Weight === 'function'来查看参数是否是回调。

使用此信息，您可以弄清楚传入的内容并根据需要重新分配参数。

Answer 4

您可以检查参数的类型：http://jsfiddle.net/wknVA/。

Answer 5

首先，将回调默认值设置为其自身或下一个最接近的参数，直到可选参数的末尾（第一个），

接下来检查可选参数是否设置为函数（回调）或未定义，并将它们设置为默认值或将它们设置为自己。

function optional_params(color, size, weight, callback){
    // set callback to itself or the next optional paramater until you have checked all optional paramaters
  callback = callback || weight || size;
    // check if weight is a function(the callback) or undefined and if so set to a default value, otherwise set weight as weight
  weight = typeof weight != 'function' && typeof weight != 'undefined' ? weight : "1.2kg";
    // do the same as above with weight
  size = typeof size != 'function' && typeof size != 'undefined' ? size : "L";
    // invoke callback
  callback(color,size,weight);
}

及用法：

optional_params("Red",function(color,size,weight){
  console.log("color: " + color); // color: Red
  console.log("size: " + size); // size: L //(default)
  console.log("weight: " + weight); // weight: 1.2kg //(default)
});

Answer 6

除了 SLAks 答案之外，调用者并不总是可以假设他们可以发送他们想要的任何参数，记录参数可选的函数是最好的方法，对于函数调用实现者、参数检查的类型和可选的分组args 到 arg 列表末尾的是其他。制作两个相同类型的可选选项会造成混乱。

Answer 7

我推荐 ArgueJS ！

function save() {
  arguments = __({color: undefined, size: [undefined], weight: [undefined], callback: Function})

  // access your args by arguments.paramName. Ex.:
  // alert(arguments.color)
...
}

---

您还可以通过将 undefined 更改为所需类型来检查参数的类型。