javascript - 无法在 JEST 的 IF 语句中读取 undefined object 的属性

Question

我有一个简单的 if-else 语句作为

if(this.props.params.id){
    //do something
}

现在，这在浏览器中运行良好。 如果参数中有 id，它会进入 if 子句，如果没有 id，则不会。

现在，在用 jest 编写测试时，如果未定义 id，则会抛出错误: “无法读取未定义的属性‘id’” 为什么会这样，难道不应该把它当作假的吗？ 它在浏览器中运行良好，只是在测试中会抛出错误。

Answer 1

如果 id 本身未定义，那么您的测试将按预期工作(尽管有更好的编写方式)

您遇到的问题是 this.props.params 未定义。在这种情况下，您正在尝试访问不存在的东西的属性。

要解决这个问题，您需要检查是否定义了 params 和 id。

你可以这样做:

if (typeof this.props.params !== 'undefined' && this.props.params.id !== 'undefined') {
    //do something
}

最好使用 typeof 来检查 undefined variable ，因为如果变量的计算结果为 false，您的 if 语句可能会失败。