typescript shorthand null或undefined to number

Question

产品可能未定义或为null产品中的价格可能未定义或为空

所以

  getClasses(key: number): string {
            let product = this.model.getProduct(key);
            return `pa-1 ${product.price < 50 ? "bg-info" : "bg-warning"}`;
            }

结果

  

TS对象可能未定义

和

  getClasses(key: number): string {
        let product = this.model.getProduct(key);
            return `pa-1 ${product && product.price ? product.price :0 < 50 ? "bg-info" : "bg-warning"}`;
        }
    }

工作正常。

我只是想知道product && product.price ? product.price :0是否有简写似乎相当冗长。像product?.price?||0

这样的东西

Answer 1

TypeScript中尚未实现可选链接，因为我们都在等待ECMAScript实现的内容。

您可以使用您描述的方法，也可以使用其中一种optional chaining interim methods。

最终，您将能够在TypeScript中使用可选链接（稍后在简单的JavaScript中使用）......并且它可能看起来很像您的示例，即

const num = product?.price || 0;