13-Flow的对象类型

Flow中的对象类型

​ 当我们需要对调用的函数的参数是一个对象并且我们要对对象中的元素进行限制时，我们就需要用到flow的对象类型。

语法

function 函数名(参数名 : {对象属性1 , 对象属性2,...}){
    
}

实例代码：

//@flow

function greet(obj: { sayHello: () => void, name: string }) {
    obj.sayHello();
}

var o = {
    name: "怀吉"
    
}

greet(o);

此时我们限制了greet（）函数中的参数为obj对象，此对象中需要有一个sayHello方法，这个方法是没有返回值的。还需要一个string类型的变量name。但我们在传入的o对象是只有name属性没有sayHello方法的，此时运行 npm run flow则会报错，如下如所示:

然后我们将o对象中写入sayHello方法，代码如下：

//@flow

function greet(obj: { sayHello: () => void, name: string }) {
    obj.sayHello();
}

var o = {
    name: "怀吉",
    sayHello() {
        console.log("Hello" + this.name);
    }
}

greet(o);

此时因为我们传入的o对象既有sayHello方法，也有string类型的name变量，因此运行 npm run flow就不会报错了。运行结果如下所示：