使用flow檢查代碼

使用flow檢查代碼

• 想要安裝flow可以點擊flow官網
• 在這裏我建議全局安裝，當然你也可以在項目中安裝

// 全局安裝
yarn global add flow-bin

// 項目中安裝
// 進入項目的根目錄
yarn add --dev flow-bin

• 如果你想使用flow檢查某個js文件，那麼你要在這個js文件的第一行添加// @flow
• 以下是文件demo.js

// @flow
function Hello(num){
    return 2 * num
}
Hello("ok")

• 如果你已經全局安裝，輸入以下命令

// flow全局安裝
flow init // 初始化，生成 .flowconfig 文件
flow // 運行flow

• 如果你在項目中安裝flow，輸入以下命令

// 項目中安裝flow
yarn run flow init // 初始化，生成 .flowconfig 文件
yanr run flow // 運行flow

• 運行flow之後檢測的結果爲

Spawned flow server (pid=26042)
Logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.log
Monitor logs will go to /private/tmp/flow/zSUserszSsataniyazSDesktopzSdemo.monitor_log
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ demo.js:3:16

Cannot perform arithmetic operation because string [1] is not a number. [unsafe-addition]

     1│ // @flow
     2│ function Hello(num){
     3│     return 2 * num
     4│ }
     5│
 [1] 6│ Hello("ok")



Found 1 error

• 可以看見 demo.js:3:16出現了錯誤，主要是because string [1] is not a number,也就是說輸入的參數不是一個數字（number類型）
• 知道錯誤的原因之後修改相應文件的js代碼

// @flow
function Hello(num){
    return 2 * num
}
Hello(2)

No errors!