将具有 optional/default 属性的对象作为参数的函数？

Question

我知道，使用 ES6 语法，可以创建一个函数，将对象作为参数，并且该参数可以具有默认值，如下所示：

function exampleFunction(objParam = {val1: 1, val2: 2}) {
    //...
}

如果我调用exampleFunction()，objParam被赋予默认值。但是，如果我调用 exampleFunction({val1: 3})，objParam.val2 就是 undefined。这是有道理的，因为没有应用默认值。有什么方法可以确保 objParam.val2 确实有一个值，使用 ES6 表示法？我知道我可以在函数中添加检查，但这会在代码中引入不一致，我宁愿不这样做。

编辑：为了澄清，这里有一个更好的例子：

function exampleFunction(param = 0, objParam = {val1: 1, val2: 2}) {
    return objParam.val1;
}
exampleFunction(); // Returns 1 (this is good)
exampleFunction(1, {val1: 2}); // Returns 2 (this is good)
exampleFunction(1, {val2: 3}); // Returns undefined (I want it to return 1)

这是我目前拥有的，它确实有效但有些不雅：

function exampleFunction(param = 0, objParam = {val1: 1, val2: 2}) {
    if(objParam.val1 === undefined) objParam.val1 = 1
    if(objParam.val2 === undefined) objParam.val2 = 2
    ...
}

Answer 1

您可以在参数中使用destructuring来提供默认值：

function exampleFunction({val1 = 1, val2 = 2} = {}) {
  console.log(val1, val2);
}
exampleFunction({val1: 5});
exampleFunction();

如果要将参数保留为对象，可以使用Object.assign:

function exampleFunction(origParams = {}) {
  const objParam = Object.assign({ val1: 1, val2: 2 }, origParams);
  console.log(objParam.val1, objParam.val2);
}
exampleFunction({val1: 5});
exampleFunction();

Answer 2

可能没有您想要的那么干净，但您可以这样做

function exampleFunction(objParams) {
  const defParams = { val1: 1, val2: 2 };

  const finalParams = { ...defParams, ...objParams }
  // final params takes the default params and overwrites any common properties with incoming params

  // ...
}

将具有 optional/default 属性的对象作为参数的函数？

Function that takes an object with optional/default properties as a parameter?

javascript

syntax

default-value

ecmascript-6