Skip to content

Commit a0c50ab

Browse files
committed
add flow
1 parent a48c8f2 commit a0c50ab

File tree

1 file changed

+52
-1
lines changed

1 file changed

+52
-1
lines changed

flow.md

Lines changed: 52 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,5 +11,56 @@
1111

1212
[flow github地址](https://github.com/facebook/flow)
1313

14-
#### flow 语法介绍
14+
#### flow 基本使用
15+
16+
install
17+
18+
npm install flow -g
19+
(mac 下需要 先进入 root sodu -i)
20+
21+
然后 如果 你的 编辑器 刚好和 笔者是一样的 - vscode
22+
那么 你还需要 给你的 ide 安装一个插件 - flow language vs code
23+
24+
在重启之后会提示你 您未安装 flow-bin
25+
这个时候我们再 把 这个插件 安装一下。
26+
27+
然后,我们就可以开始愉快的 coding 了
28+
29+
30+
introduce
31+
32+
众所周知,js 说一门若类型语言。 类型转换往往隐藏在各种代码中。
33+
同时也埋下了很多的坑. 虽然目前我们在使用 eslinet 这类与法检测的插件
34+
但是由于 js 太过于灵活 其实还是很难避免由于 类型转换造成的错误
35+
所以这个时候 flow 出现了。
36+
37+
#### flow 例子
38+
39+
```javascript
40+
41+
function add(num1, num2) {
42+
return num1 + num2
43+
}
44+
add(2, '0') // 20
45+
```
46+
47+
这种由于 js 这种 若类型 语言的 诟病。
48+
很多人 可能会 觉得这个是 等于 2
49+
50+
其实 是等于 20 。 这很显然不是我们想要的。
51+
52+
那么 我们来用 flow 来做个 简单的语法检测
53+
54+
```javascript
55+
56+
/* @flow */
57+
58+
function add(num1, num2) {
59+
return num1 + num2
60+
}
61+
add(2, '0') // 20
62+
63+
```
64+
65+
1566

0 commit comments

Comments
 (0)