请问 es6 有什么漂亮的方式实现默认值

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2427 天前的主题，其中的信息可能已经有所发展或是发生改变。


const propsDefault = {
  open: false,
  payload: {
    title: '默认提交',
    styles: stylesDefault,
    data: '默认显示内容',
    onSubmit: null,
    diableSubmit: false,
    onCancel: null,
    diableCancel: false,
  },
};


function defaultProps(payload) {
  const formatedProps = {};
  if (payload.onSubmit === undefined) { formatedProps.onSubmit = propsDefault.payload.onSubmit; } else { formatedProps.onSubmit = payload.onSubmit; }
  if (payload.diableSubmit === undefined) { formatedProps.diableSubmit = propsDefault.payload.diableSubmit; } else { formatedProps.diableSubmit = payload.diableSubmit; }
  if (payload.onCancel === undefined) { formatedProps.onCancel = propsDefault.payload.onCancel; } else { formatedProps.onCancel = payload.onCancel; }
  if (payload.diableCancel === undefined) { formatedProps.diableCancel = propsDefault.payload.diableCancel; } else { formatedProps.diableCancel = payload.diableCancel; }
  if (payload.title === undefined) { formatedProps.title = propsDefault.payload.title; } else { formatedProps.title = payload.title; }
  if (payload.styles === undefined) { formatedProps.styles = propsDefault.payload.styles; } else { formatedProps.styles = payload.styles; }
  if (payload.data === undefined) { formatedProps.data = propsDefault.payload.data; } else { formatedProps.data = payload.data; }
  return formatedProps;
}

这写法太难看了 ES6 有什么好看的写法？

9 条回复 • 2018-04-03 23:43:43 +08:00

ZIrong

2018-04-03 20:10:17 +08:00

```
const defaultProps = (payload) => {
const formatedProps = {};
formatedProps.onSubmit = payload.onSubmit || propsDefault.payload.onSubmit
}
```

brickyang

2018-04-03 20:14:44 +08:00 via iPhone

短路赋值

https://segmentfault.com/q/1010000004265392

brickyang

2018-04-03 20:19:58 +08:00 via iPhone

具体楼主这个场景，更适合 Object.assign({}, ...defaultProps, payload)

这个方法，payload 里如果有对应的属性，即使是 null 或空值也会覆盖到新对象中。

短路赋值的问题是，如果 payload 中存在的属性是 null 或空值，都会使用 default 中的值。