Question

我使用Flow有以下代码：

// @flow    
'use strict';

import assert from 'assert';

declare interface IPoint {
    x: number;
    y: number;
    distanceTo(other: IPoint): number;
}

class Point {
    x: number;
    y: number;
    distanceTo(a: IPoint): number {
        return distance(this, a);
    }
    constructor(x: number, y: number) {
        this.x = x;
        this.y = y;
    }
}


function distance(p1: IPoint, p2: IPoint): number {
    function sq(x: number): number {
        return x*x;
    }
    return Math.sqrt( sq(p2.x-p1.x)+sq(p2.y-p1.y) );
}

assert(distance ( new Point(0,0), new Point(3,4))===5);
// distance ( new Point(3,3), 3); // Flow complains, as expected
assert((new Point(0,1)).distanceTo(new Point(3,5))===5);
// (new Point(0,1)).distanceTo(3); // Flow complains as expected

运行npm run flow不会产生预期的抱怨，而注释掉的行会引发警告（再次，如预期的那样）。

所以，除了我不知道如何在定义类Point以确保它是＆＃34;实现＆＃34;界面IPoint。有没有办法这样做或者不是惯用的？

Answer 1

这是最简单的方法：

API_RESPONSE_ARRAY = responseJSON.result.items.map((item) => item.name);

关键部分是class Point { x: number; y: number; constructor(x: number, y: number) { (this: IPoint); this.x = x; this.y = y; } }。从JS VM的角度来看，它只是一个什么都不做的表达式，但Flow需要检查转换(this: IPoint)到this是否有效，有效地检查类是否实现了IPoint接口。

Answer 2

另一种简单的方法是：

interface IPoint { ... }
class Point { ... }

(Point: Class<IPoint>); // checks that Point is a class that implements IPoint

Answer 3

从0.57.3开始（很可能更早）可以做到：

class Point implements IPoint {
... // rest of class definition
}

如何声明给定的类在Facebook Flow中实现接口？

3 个答案: