Flow（二）—— 简单语法使用，让我们的代码更规范！

Mixed可以接收任意类型的…
没用过Flow的朋友，一般都觉得这个类型系统太复杂了，所以这篇就来聊聊那些我们常用的很简单类型，以此来让大家感受一下Flow。

我们知道，Flow是对JavaScript的一个类型注解系统。它可以帮助我们识别类型错误。比方说，我们定义了一个函数，它应当传入一个数组，结果你传入了字符串，那么这个时候Flow就会告诉你类型不对。

当然，函数的返回值类型Flow也可以推断。我们没必要再去用@return去定义返回值类型了，比如下面的例子：

/**
* @param {number} number
* @return {number}
*/
function add(number: number): number {
    return number + 1;
}

因为上面的参数类型和返回值类型Flow已经可以推断出来了，所以代码会更简洁：

function add(number: number): number {
    return number + 1;
}

当然，flow 也兼容了 TypeScript 的类型系统，也支持定义联合类型，也就是一个值有多种类型的情况。比如下面这个例子：

function sayHello(name: string | number): void {
    if (typeof name === 'string') {
        console.log(`Hello, ${name}!`);
    } else {
        console.log(`Hello, world ${name}!`);
    }
}

再一个就是我们可以使用Flow内置的类型别名，来对类型定义进行封装。比如我们有个结构类型 Person，我们就可以这样使用：

type Person = {
    name: string,
    age: number
};

这样之后我们就能使用 Person 这个类型了，比如：

function greet(person: Person): void {
    console.log(`Hello, ${person.name}!`);
}

如果你不想对类型进行定义的话，可以使用 any 类型，这就像是 TypeScript 中的 any 一样。

Flow 还可以用于编写非常规范和有条理的代码。Flow 可以帮助我们清晰地组织代码，并能让我们更好地理解代码是如何工作的。这对于编写更可维护的代码很有用。

最后，我们用 Flow 写一个计算字符串长度的函数：

// 参数为字符串类型，返回值类型为数字
function stringLength(str: string): number {
    // 使用 length 属性获取字符串的长度
    return str.length;
}

现在，我们来使用这个函数：

// 定义一个字符串变量
let myString = "Hello, world!";

// 调用 stringLength 函数并打印结果
console.log(stringLength(myString)); // 输出: 13

上面只是 Flow 的简单使用，Flow 的核心概念包括类型注解、类型推断、类型别名、泛型和联合类型等。

希望这篇文章能帮助大家更好地理解 Flow，并能开始使用它来编写更规范和可维护的代码。