如何使用Object.assign覆盖原对象默认属性

使用了es6的扩展符...

原始方法

const createButton = ({title, color, disabled, padding})  => {
  const button = {};
  button.color = color || '#333';
  button.disabled = disabled || false;
  button.title = title || '';
  button.padding = padding || 0;
  return button;
}

const buttonConfig = {
  title: 'Click me!',
  disabled: true
}

const newButton = createButton(buttonConfig);
console.log('newButton', newButton)

使用新方法，简单快捷替换默认值

const createButton = (config)  => {
    return {
        ...{
        color: '#dcdcdc',
        disabled: false,
        title: '',
        padding: 0
        },
        ...config 
    };
}

const buttonConfig = {
title: 'Click me!',
disabled: true
}

const newButton = createButton(buttonConfig);
console.log('newButton', newButton)