Typescript 3.7@beta Optional Chaining 操作符使用问题

Question

我正在尝试打字稿可选链接运算符，但抛出了这个异常。

index.ts:6:1 - error TS2779: The left-hand side of an assignment expression may not be an optional property access.

我的示例代码如下

const url = URI({
    protocol: 'http',
    hostname: 'example.org' 
})

// This line throwed
document.getElementById('output')?.innerHTML = url.toString()

如何解决这个问题？

Answer 1

const output = document.getElementById('output');
if (output) output.innerHTML = url.toString()

此运算符用于访问深嵌套值。

我们来看看document.getElementById('output')?.innerHTML。这将返回undefined（如果 '#output' 不存在）或string（如果 '#output' 存在）。而你试图分配string给它。

在这里，您尝试为可能不存在的对象属性设置新值。

所以是的，在赋值的左侧不能使用可选的属性访问。

您可以在提案中阅读更多相关信息

Answer 2

objectVariableName!.propertyName = 'some value to assign';

请注意感叹号，即！