es6 中 const {attr} = obj 比 const attr = obj.attr

Question

难道只是方便同时多个变量的赋值？

Answer 1

好处有很多。第一，能少写一次 attr。使得代码量更少，更优雅。第二，减少Cannot read property xxx of undefined 类型的错误const {attr} = obj 可以写成 const {attr} = obj || {}万一你的obj是undefined，如果这样写const attr = obj.attr 就炸了。const {attr} = obj || {}可以给你缓和的余地第三，可以同时定义多个变量const {attr1, attr2, attr3} = obj 等同于const attr1 = obj.attr1const attr2 = obj.attr2const attr3 = obj.attr3第四，可以默认结构值，解构出的undefined值可以被默认值覆盖const {attr1 = '', attr2 = 1, attr3 = true} = obj