Function parameters with object destructuring

function-params-object-destructure.ts

// before
function renderList(list, ordered, color, bgColor) {
    // set defaults for optional parameters
    if (typeof ordered === undefined) ordered = true
    if (typeof color === undefined) color = '#1e2a2d'
    if (typeof bgColor === undefined) color = 'transparent'

    /* code to render list would go here 😉 */
}

// before
renderList(['one', 'two'], undefined, undefined, '#5ad')

// after
function renderList(list, { 
    ordered = true,
    color = '#1e2a2d',
    bgColor = 'transparent'
} = {}) {
    /* ... */
}

// after: simple use
renderList(['love', 'patience', 'pain']);

// after: with only one optional argument (bgColor)
renderList(['one', 'two'], { bgColor: '#5ad' })