函数返回同属性对象时连续解构赋值报错的优化方案求助

你遇到的问题是因为JavaScript解析器把第二行的{ from, to } = ...当成了代码块的起始，而非赋值表达式，所以才会抛出"Declaration or statement expected"的错误。这里有个非常简洁的解决方案：

let { from, to } = getDatesAndStringOfTimespan(timeSpan, goBack);
({ from, to } = limitFromAndTo(from, to, fromLimit, toLimit));

为什么这能生效？ #

在JavaScript中，如果一行代码以{开头，解析器默认会把它识别为代码块（比如if、for语句里的代码块），而不是对象解构的赋值操作。用括号()把整个赋值语句包裹起来，就能强制解析器把它当作一个表达式来处理，这样就能顺利完成解构赋值，更新已声明的from和to变量。

其他可选思路 #

如果你觉得括号的写法有点别扭，也可以用临时变量过渡，但相比之下上面的方法是最直接简洁的：

// 临时变量过渡（和你原来的思路类似，但更紧凑）
let { from, to } = getDatesAndStringOfTimespan(timeSpan, goBack);
({ from, to } = limitFromAndTo(from, to, fromLimit, toLimit));

对比你原来的分步赋值写法，括号包裹的解构方式既保留了代码的简洁性，又完全符合JavaScript的语法规范。

内容的提问来源于stack exchange，提问作者Robin Jehn