JavaScript中依赖型对象解构赋值的工作原理是什么？

先看这段合法的解构赋值代码：

const { foo, bar, qux = () => bar } = myObject;

尽管qux的默认值依赖于bar，但它能正常运行，核心原理如下：

• 解构按从左到右的顺序逐个处理：解构赋值会严格按照对象属性的书写顺序，完成变量的绑定操作。先处理foo，再处理bar，最后才处理qux。当处理qux时，bar已经被成功绑定到当前作用域的常量中。
• 默认值采用惰性求值逻辑：只有当myObject中不存在qux属性，或者qux的值为undefined时，才会执行() => bar这个默认值表达式。此时bar已经存在于当前作用域，自然不会出现未定义的错误。

反过来，如果把顺序改成const { qux = () => bar, bar } = myObject;，当qux需要触发默认值时，bar还没完成绑定，这时候就会抛出ReferenceError，这也侧面印证了解构顺序的重要性。

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