Destructuration et réglage des valeurs par défaut imbriquées

Question

Je tourne la tête pendant un petit moment, mais il semble que je n'arrive pas à faire ce travail comme je le voudrais. En fait, tout ce que je veux ici est d'avoir des valeurs par défaut imbriquées pour un argument optionnel. La sortie que je voudrais voir devrait être:

55, 44, { sub1: '0', sub2: 55, sub3: 'all'} 

Au lieu de cela, je reçois ceci:

55, 44, { sub2: 55 } 

Quelqu'un pourrait-il me donner une tête sur celle-ci?

function foo({ param1=55, param2=44, param3:param3 = { sub1:sub1='0', sub2:sub2=200, sub3:sub3='all' } } = { }) { 
    console.log(param1, param2, param3); 
} 

foo({ 
    param3: { 
    sub2: 55 
    } 
}); 

Answer 1

Vous passez {sub2: 55} pour param3, donc il ne sera pas évaluer la valeur par défaut { sub1:sub1='0', sub2:sub2=200, sub3:sub3='all' } (ce qui est un littéral ici, pas une cible d'affectation, donc ne serait pas faire ce que vous pensez qu'il fait de toute façon).

Si vous voulez param3 être toujours un objet avec 3 propriétés, construites à partir des trois variables par défaut à valeur, vous devez construire vous-même explicitement:

function foo({param1=55, param2=44, param3: {sub1='0', sub2=200, sub3='all'} = {}} = {}) { 
    var param3 = {sub1, sub2, sub3}; 
    console.log(param1, param2, param3); 
} 

Answer 2

paramètres par défaut sont-ils assignés uniquement si le paramètre est vide. Je pense que vous devez utiliser Object.assign dans le corps de la fonction:

const defaults = { sub1:sub1='0', sub2:sub2=200, sub3:sub3='all' } 
function foo({ param1=55, param2=44, param3 } = { }) { 
    const myParam3 = Object.assign({}, defaults, param3); 
    console.log(param1, param2, myParam3); 
} 

foo({ 
    param3: { 
    sub2: 55 
    } 
});