Как обрабатывать вложенные параметры по умолчанию с деструктурированием объекта?

Общий шаблон для деструктурирования свойств объекта:

{ … , propertyName: target = defaultInitialiser, … }

(когда имя свойства точно совпадает с идентификатором целевой переменной, мы можем их соединить).

Но target предназначен не только для переменных, это может быть любая цель присваивания, включая вложенные выражения деструктурирования. Итак, для вашего случая (3) вы хотите использовать точно такой же подход, как и в (1) на верхнем уровне параметра - по умолчанию инициализируйте свойство пустым объектом и деструктурируйте его части:

function fn3({foo = 'Foo', bar: {quux = 'Quux', corge = 'Corge'} = {}} = {}) {
  console.log(foo, quux, corge);
}

Обратите внимание, что при деструктуризации этого свойства нет переменной bar. Если вы хотите также ввести переменную bar для свойства, вы можете повторить имя свойства и сделать

function fn3({foo = 'Foo', bar, bar: {quux = 'Quux', corge = 'Corge'} = {}} = {}) {
  console.log(foo, bar, quux, corge);
}

У меня есть кое-что попроще. У него есть недостатки. Но сначала товары:

function doit( arg1 = 'one', hash = { prop1: 'two', prop2: 'three' }, { prop1, prop2 } = hash ) {
    console.log(`arg1`, arg1)
    console.log(`prop1`, prop1)
    console.log(`prop2`, prop2)
    console.log(`hash`, hash)
}

Что это дает?

• предоставляет имена для всех позиционных аргументов, включая хэш именованных аргументов
• деструктурирует все именованные аргументы
• предоставляет значение по умолчанию для каждого аргумента, будь то позиционный или именованный

Как это работает?

Параметры по умолчанию ES6 могут относиться к другие параметры, например:

function math( x = 1, y = x ) { ... }
// x = 1
// y = 1

Таким образом, несмотря на то, что пример функции рассчитан на прием двух аргументов (arg1 и hash), сигнатура формально объявляется с тремя аргументами. Третий аргумент — это своего рода вымышленный или временный аргумент, который существует исключительно с целью деструктурирования hash. Это логический эквивалент этого:

function doit( arg1 = 'one', hash = { prop1: 'two', prop2: 'three' } ) {
    let { prop1, prop2 } = hash
    ...
}

Преимущество этого шаблона в том, что подпись полностью самодокументируема. К сожалению, в JS очень часто можно увидеть сигнатуры, объявленные следующим образом:

function terminateEmployee( employeeId, options ) {
    // what properties does `options` accept??
}

Чтобы ответить на этот вопрос, вам нужно выполнить поиск по всем нижестоящим кодовым путям и собрать все случаи использования options. Иногда этот кодовый путь очень длинный; если вам не повезло работать в экосистеме, основанной на микросервисах, этот путь кода может охватывать две или более дополнительные кодовые базы на других языках (правдивая история).

Да, мы можем попросить разработчиков написать документацию, но на этот счет YMMV.

Таким образом, этот шаблон позволяет реализации быть самодокументированной, не полагаясь на дополнительную документацию, которую разработчикам придется писать и поддерживать.

Недостатком является то, что функция выглядит так, как будто она принимает три аргумента — и на самом деле принимает три. Таким образом, разработчики, которые не знают, что происходит, могут быть введены в заблуждение. И если вызывающий объект передает три аргумента, третий аргумент переопределяет второй аргумент.

как насчет

function fn3({foo = 'Foo', bar={} } = {}) {
   const {quux = 'Quux', corge = 'Corge'} = bar;
    console.log(foo, quux, corge);
}


fn3(); // Foo Quux Corge
fn3({foo: 'Quux'}); // Quux Quux Corge
fn3({bar: {quux: 'Baz'}}); // Foo Baz Corge
fn3({foo: 'Quux', bar: {corge: 'Baz'}}); // Quux Quux Baz