Object.assign 还能这么用吗？

看到一篇文章： https://nbsaw.surge.sh/#/post/71

作者想把

var colors = { gray: { default: "#DDDDDD", light: "#EEEEEE", dark: "#CCCCCC" }) } 

省去 default, 实现这样的效果：

const CompOnents= styled.div` background: ${ colors.gray }; // background: #DDDDDD ` const Components2 = styled.div` background: ${ colors.gray.light }; // background: #EEEEEE ` const Components3 = styled.div` background: ${ colors.gray.dark }; // background: #CCCCCC ` 

实现的方法是这样：

const colors = { gray: Object.assign("#DDDDDD", { light: "#EEEEEE", dark: "#CCCCCC" }) } 

一开始是感兴趣的，但是发现自己确实实现不了，返回的 colors.gray 是个 object, 查了下 MDN 上 Object.assign 的首个参数只能是 object, 就算不是 object 也会转成 object。

所以问题是：

• 1、我实现的方式是不是不对？（ runtime 和标准的问题？）
• 2、假设这种实现不行，若是想达到这种效果，靠原生怎么实现？（不自己定义函数）