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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2970 days ago, the information mentioned may be changed or developed.


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 replies • 2018-04-03 23:43:43 +08:00

ZIrong

Apr 3, 2018

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

brickyang

Apr 3, 2018 via iPhone

短路赋值

https://segmentfault.com/q/1010000004265392

brickyang

Apr 3, 2018 via iPhone

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

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

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