zoukankan      html  css  js  c++  java
  • js 使用flow

    前言

    what is flow?我想是的,很多人都没有接触过,的确,他是一个新的项目,是的facebook开发的东西,一般还是可以的,有必要去学习一下,在react还是比较重要的。

    它做的一件事叫做静态检测。原因在于很多时候我们不明白弱类型到底执行正确吗?js就是一个很好的对比,因为他就是弱类型语言。

    举例

    function foo(x: number): number { return x + 10 } foo('hi')
    

    x:number限制了x必须为number。扩号后面的number为返回的number,这样就可以检测出retrun 是否为一个数字。

    实践

    安装:

    npm install  --save-dev flow-bin
    

    安装在各个目录中,这样就可以轻松去示例话flow对象,本质上是一个对象多个配置。

    初始化:

    flow init
    

    如果去执行这样的初始化,那么需要配置环境。这个时候,就会生成一个.flowconfig一样的东西。

    这个就是配置文件,还是比较好用的。

    文件配置:

    .flowconfig中的确会去检测这些我们忽略的项目,和我们需要包含的项目。

    但是我们依然需要去添加我们的标识符让flow能够检测到我们的代码类型。

    例:

    //@flow
    
    /@flow/
    

    以上两种方式都会去执行这些静态检测。

    在很多编译检测中,有些不支持flow的检测工具,那么将需要:

    flow check
    

    来进行检测。

    在vs code 中已经有了对js的检测,那么避免冲突我们需要加上:

    "javascript.validate.enable": false
    
  • 相关阅读:
    MySQL与OLAP:分析型SQL查询最佳实践探索
    创建与删除索引
    第三方推送-个推使用
    test
    图床_搭建本地yum仓库及自制rpm包(无需镜像)
    图床_有趣的linux命令行工具-lolcat
    图床_fdisk一键操作分区-无需脚本
    图床_将你的CentOS 7 配置yum源
    图床_使用Putty远程连接管理Linux实践
    图床_使用Xshell远程连接管理Linux实践
  • 原文地址:https://www.cnblogs.com/aoximin/p/13129376.html
Copyright © 2011-2022 走看看