javascript - 使用 Flowjs 输入类时出现问题

Question

我尝试使用 Flow 键入以下代码

type Metadata = {
   currentPage: string,
};
type State = {
    result: {
        metadata: Metadata,
    }
}

type EmptyObject = {};
type Test = Metadata | EmptyObject;

class HelperFn {
    state: State;
    metadata: Test;
    constructor(state: State) {
        this.state = state;

        if (state && state.result && state.result.metadata) {
            this.metadata = state.result.metadata;
        } else {
            this.metadata = {};
        }
    }
    getCurrentPageNumber() {
        return this.metadata.currentPage;
    }
}

我已经创建了稍后分配的类型。在我的类里面，我将类型测试分配给元数据。元数据可以是具有属性的对象，也可以是空对象。当声明函数 getCurrentPageNumber 时，linter Flow 告诉我它

cannot get 'this.metadata.currentPage' because property 'currentPage' is missing in EmptyObject

看起来 Flow 仅引用了 emptyObject。告诉 Flow 我的对象可以带有属性或只是空的正确语法是什么？

Answer 1

由于 metaData 可以为空，Flow 正确地告诉您 this.metadata.currentPage 可能不存在。您可以将其包装在某种检查中，例如

if (this.metadata.currentPage) {
    return this.metadata.currentPage
} else {
    return 0;
}

使其正常工作。