JavaScript MemberExpression AST节点中computed和optional代表什么？

computed 字段 #

这个字段为布尔值，用来标记成员表达式的属性访问方式：

• 值为false时，是点号静态访问，属性名是固定的标识符，直接写在.之后，你给出的示例a.x、b.y就是这种情况，所以对应AST里的computed值都是false。
• 值为true时，是方括号动态访问，属性值由方括号内的表达式计算得到，比如写法a[x]、a['name']都会对应computed为true。

举个代码示例：

const prop = 'y'
const val = b[prop] // 这里的b[prop]对应的MemberExpression computed值为true

optional 字段 #

这个字段为布尔值，用来标记成员表达式是否使用了ES2020新增的可选链语法?.：

• 值为false时，是普通成员访问，如果访问的对象是null或者undefined，会直接抛出类型错误，你给出的示例a.x、b.y就是这种情况，所以对应AST里的optional值都是false。
• 值为true时，是可选链访问，如果访问的对象是null或者undefined，不会抛出错误，直接返回undefined，写法a?.x、b?.[y]都会对应optional为true。

举个代码示例：

const a = null
const val = a?.x // 这里的a?.x对应的MemberExpression optional值为true，执行后val为undefined，不会报错

结合你给出的AST来看，两个MemberExpression的computed和optional都为false，正好对应a.x = b.y是普通的点号非可选链赋值操作。

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