我们可以设置持久的默认参数，这些参数在明确更改之前一直保持设置？

Question

以下是函数fn，其中预期结果是a、b、c 在每次调用fn 时定义，无论是否传递对象参数。如果传递了设置属性的对象，则应仅为该对象设置属性。

const fn = (opts = {a:1, b:2, c:3}) => console.log(opts);

当不带参数调用时，结果是

fn() // {a: 1, b: 2, c: 3}

当带参数调用时，例如{b:7}，预期的结果是

fn({b:7}) // {a: 1, b: 7, c: 3}

然而，实际结果是

fn({b:7}) // {b: 7}

能够通过在函数外部定义对象并在函数主体内使用Object.assign()来获得预期结果

const settings = {a: 1, b: 2, c: 3};
const fn = opts => {opts = Object.assign({}, settings, opts); console.log(opts)}
fn({b: 7}) // {a: 1, b: 7, c: 3}
fn(); // {a: 1, b: 2, c: 3}
/*
  // does not log error; does not return expected result
  const fn = (opts = Object.assign({}, settings, opts)) => console.log(opts)
 
*/

是否可以仅使用默认参数来实现上述结果，而不定义要在函数参数外部或函数体内部引用的对象？

Answer 1

虽然 OP 的代码使用单个默认参数，但在我们找到或开发仅使用单个参数的程序之前，我们可以利用设置两个默认参数来达到预期的效果。

第一个参数默认为普通对象，在第二个默认参数中，我们将参数标识符从第一个参数传递给Object.assign()，遵循问题中的模式。

我们引用函数fn的第二个参数标识符来获取不带参数调用时的默认参数；当使用第一个参数调用时，其属性设置为在第一个参数和默认参数处传递的对象的属性，前者在结果对象处覆盖后者。

const fn = (__ = {}, opts = Object.assign({}, {a: 1, b: 2, c: 3}, __)) => 
             console.log(opts);

fn();

fn({b: 7});

fn({g: 9, x: 10});

Answer 2

没有

可以做的最好的就是你自己的答案或者这个：

const fn = (default_parameters) => { 
  default_parameters = Object.assign({}, {a: 1, b: 2, c: 3},default_parameters);
  console.log('These are the parameters:');
  console.log(default_parameters);
}

    fn();

    fn({b: 7});

    fn({g: 9, x: 10});

默认参数块仅在未设置值时执行，因此您自己的答案是提供的最佳答案，即使用两个参数

您可以通过创建一个如果执行将失败的代码块并测试传递参数有效（以表明代码块未执行）和测试不传递参数失败（表明代码块只在不传参数时执行）。

这应该清楚地表明任何传递的参数都会阻止默认参数被评估。

    const fn = (default_parameters = (default_parameters = Object.assign({}, {a: 1, b: 2, c: 3},default_parameters))) => { 
      
      console.log('These are the parameters:');
      console.log(default_parameters);
    }

        fn({b: 7});
        
        fn();

        fn({g: 9, x: 10});

Answer 3

也许我误解了这个问题，但您似乎正在为每个单独的属性寻找默认初始化程序。为此，您必须使用解构：

const fn = ({a = 1, b = 2, c = 3} = {}) => console.log({a, b, c});

如果您想保留任意属性，而不仅仅是您预先知道的属性，您可能会对允许您编写的object rest/spread properties proposal 感兴趣

const fn = ({a = 1, b = 2, c = 3, ...opts} = {}) => console.log({a, b, c, ...opts});

---

能否将opts 变量作为单个对象引用仅使用默认参数来实现，而无需定义要在函数参数外部或函数体内部引用的对象？

没有。参数声明只能使用（部分）参数初始化变量，并且可能（作为语法糖）在没有或undefined 参数（部分）被传递时使用默认值。他们无法执行无条件计算并创建从结果初始化的变量 - 这是您在此处尝试实现的目标。

你应该为此使用函数体。

Answer 4

我们可以将fn 设置为一个返回箭头函数表达式的变量。当调用 set a、b、c 和其余参数时，使用新对象的扩展元素引用，调用函数时返回。

const fn = ((...opts) => ({a:1,b:2,c:3, ...opts.pop()}));

let opts = fn();

console.log(opts);

opts = fn({b: 7});

console.log(opts);

opts = fn({g: 9, x: 10});

console.log(opts);

使用剩余元素Object.assign()，展开元素Array.prototype.map()，将不是对象的元素设置为反映数组中元素索引的属性值。

const fn = ((...opts) => Object.assign({a:1,b:2,c:3}, ...opts.map((prop, index) =>
             prop && typeof prop === "object" && !Array.isArray(prop) 
             ? prop 
             : {[index]:prop})) 
           );

let opts = fn([2,3], ...[44, "a", {b:7}, {g:8, z: 9}, null, void 0]);

console.log(opts);