Comment on page
模組化 ( Module Types )
我們常常會需要以模組為單位的定義、引用我們的型別 ( 以檔案為單位 )。
在 Flow 中可以匯出 type、interfaces、或是 class 等類型。
// @flow
export type Person = {
name: string,
age: number,
};
export class Book {
// ...
}
export interface Swim {
doSwim(): void;
}
若要引入型別的話，要使用
import type 關鍵字來引入// @flow
import type BookType, { Person, Swim } from './exports';
import Book from './my-modules'; // 因為要使用 new Book()，所以不能只使用 type
const book: BookType = new Book();
const person: Person = {
name: 'Wayne',
age: 26,
}
class Fish implements Swim {
doSwim() {
console.log('Fish Swim ~~~')
}
}
Flow 也支援使用
import typeof 關鍵字，直接引入某個值的型別// @flow
export default {
name: 'Wayne',
age: 26,
};
export const book = {
name: '原子習慣',
price: 180,
}
export const user = {
name: 'Wayne',
password: '123456',
}
// @flow
import typeof Person, { price as Price, isSoldOut } from './exports';
({ name: 'Wayne', age: 26 }: Person);
(180: Price);
(false: isSoldOut);
('false': isSoldOut); // 錯誤!