可选链?即可选的链接操作符，用以简化之前的判空操作。
你可能写过这样的代码
1 | var street = user.address && user.address.street; |
有了可选链，你可以写成
1 | var street = user.address?.street |
你可能还写过这样的代码
1 | var fooInput = myForm.querySelector('input[name=foo]') |
2 | var fooValue = fooInput ? fooInput.value : undefined |
有了新语法后，你可以写成
1 | var fooValue = myForm.querySelector('input[name=foo]')?.value |
但在实际使用中，还是会有些不便，比如
1 | const result = response?.settings?.n || 100 |
你希望如果 response 或者 response.settings 或者 response.settings.n 不存在（值为 null 或者 undefined）时，result 保底值为 100。
但是上面代码在 n 为 0 的时候，也会让 result 变成 100，你实际上希望此时 result 为 0。
于是你只好把代码写成这样
1 | const result = response?.settings?.n === undefined ? 100 : response?.settings?.n |
或者你封装一下
1 | const result = fetch(response?.settings?.n, 100) |
现在，你可以用??双问号来简化代码：
1 | const result = response?.settings?.n ?? 100 |
这个 ?? 的意思是，如果 ?? 左边的值是 null 或者 undefined，那么就返回右边的值。
注：这个双问好用法在很多语言，如dart中，同样适用。
