TypeScript中如何正确获取方法返回的IBasket类型值

问题原因 #

你当前的写法是把getCurrentBasketValue这个函数本身赋值给了basket变量，没有执行该函数，所以得到的类型是函数类型() => IBasket，而非函数返回的IBasket类型。

解决方法 #

调用函数时补充小括号触发函数执行即可，修改后的代码如下：

const basket = this.getCurrentBasketValue();

加上小括号后会执行函数拿到返回结果，此时basket的类型就会自动匹配为你需要的IBasket类型。

额外说明 #

• 你初始化BehaviorSubject时传入的是null，如果IBasket接口未定义允许null值，建议调整初始化参数，或者在使用返回值前添加空值判断，避免运行时报错。
• 如果你需要监听购物车的动态变化，更推荐订阅basketSource对应的Observable流，而非直接取静态的value值。

内容的提问来源于stack exchange，提问作者Fahad Mughal