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

V2EX = way to explore

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

已注册用户请登录

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

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

 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 中的值。