JavaScript-为什么包含括号会导致三元表达式错误？

Question

我有以下代码：

const showMessage = msg => console.log(msg);

let person = {
  firstName: `Mick`,
  lastName: `McCarthy`,
  firstTimeUser: true
}

(person.firstTimeUser === true) ? showMessage(`Welcome, ${person.firstName}!`): showMessage(`Glad you're back, ${person.firstName}!`)

这会导致错误：

home.js:7 Uncaught ReferenceError: Cannot access 'person' before initialization
    at home.js:7

但是，在以下情况下（其中三元表达式中的括号已被删除）：

const showMessage = msg => console.log(msg);

let person = {
  firstName: `Mick`,
  lastName: `McCarthy`,
  firstTimeUser: true
}

person.firstTimeUser === true ? showMessage(`Welcome, ${person.firstName}!`) : showMessage(`Glad you're back, ${person.firstName}!`)

没有错误，欢迎消息显示正确。

为什么会这样呢？在我的印象中，括号在三元表达式中是可选的。我认为这与求值的顺序有关，但是由于三元表达式在不同的行上，所以< code>let person = {...，我不清楚为什么会发生这种情况。

事实上，在我正在学习的JavaScript课程中，教师展示了下面的例子，无论有没有括号都可以很好地工作:

let price = 20

(price < 10) ? showMessage('yes') : showMessage('no')

然而，当我在自己的机器上尝试时，出现了同样的问题。他们会使用行为不同的旧版本JavaScript吗？如果是，发生了什么变化？

非常感谢！

Answer 1

JavaScript的分号插入

以下是JavaScript引擎如何查看您的代码

let person = {...}(person.firstTime === true ? )

同样的问题也会发生在下面

console.log('Error')

[1, 2, 3].forEach(console.log)

但是如果console.log结尾有分号（'Error'），那么下面的代码将正常工作

重要的是，不要依赖JavaScript分号插入，否则你会得到奇怪的错误。