多个参数与选项对象

小编典典

多个参数与选项对象

all

在创建具有多个参数的 JavaScript 函数时，我总是面临这样的选择：传递参数列表与传递选项对象。

例如，我正在编写一个将 nodeList 映射到数组的函数：

function map(nodeList, callback, thisObject, fromIndex, toIndex){
    ...
}

我可以改用这个：

function map(options){
    ...
}

其中 options 是一个对象：

options={
    nodeList:...,
    callback:...,
    thisObject:...,
    fromIndex:...,
    toIndex:...
}

推荐的方法是哪一种？是否有关于何时使用一种与另一种的指导方针？

[更新] 似乎有一个支持选项对象的共识，所以我想添加一条评论：在我的案例中，我很想使用参数列表的一个原因是具有与 JavaScript 一致的行为内置
array.map 方法。

阅读 64

2022-07-17

共1个答案

小编典典

像许多其他人一样，我通常更喜欢将 an 传递options object给函数而不是传递一长串参数，但这实际上取决于确切的上下文。

我使用代码可读性作为试金石。

例如，如果我有这个函数调用：

checkStringLength(inputStr, 10);

我认为该代码的可读性很强，并且传递单个参数就可以了。

另一方面，有些函数的调用如下：

initiateTransferProtocol("http", false, 150, 90, null, true, 18);

除非您进行一些研究，否则完全不可读。另一方面，这段代码读起来很好：

initiateTransferProtocol({
  "protocol": "http",
  "sync":      false,
  "delayBetweenRetries": 150,
  "randomVarianceBetweenRetries": 90,
  "retryCallback": null,
  "log": true,
  "maxRetries": 18
 });

它更像是一门艺术而不是一门科学，但如果我不得不说出经验法则：

在以下情况下使用选项参数：

您有四个以上的参数
任何参数都是可选的
你曾经不得不查找函数来弄清楚它需要什么参数
如果有人在尖叫“ARRRRRG！”时试图勒死你。

2022-07-17