File tree Expand file tree Collapse file tree 1 file changed +52
-1
lines changed Expand file tree Collapse file tree 1 file changed +52
-1
lines changed Original file line number Diff line number Diff line change 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
You can’t perform that action at this time.
0 commit comments