开启vue源码的解析攻略---认识flow

最新推荐文章于 2024-04-27 10:48:09 发布

weixin_34033624

最新推荐文章于 2024-04-27 10:48:09 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yayaxuping/p/9592240.html

本文介绍如何在JavaScript项目中使用Flow进行静态类型检查，包括基本语法、变量声明、函数定义及类的使用等，并展示了如何利用Flow减少编程错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript 是动态类型的代码，有很多的写法很不容易报错，想引入静态类型检查的flow,之前做项目的时候用的typascript的，看的大概的写法和 typescript 类似，因为规范避免了些低级错误

1 ，使用flow 的静态检查的首先在文件开头加上 /* @flow*/,

2 ，静态检查有2种方式

1，根据上下文推断上下该方法返回的是什么类型

   /* @flow*/
      function split(str) {
        return str.split(' ');
      }
      split(11);//提示错误

2, 规定的函数、变量是什么类型

     function addClass(a:number,b:number) {
        return a+b
      }
      addClass(1,4)

还有静态的变量

var arr:Array<number>=[1,2,3]

类的定义

class Bar{
    x:number;
    y:string;
    z:boolean
    constructor(x:number,y:string){
      this.x=x;
      this.y=y;
      this.z=false;
    }
}

flow具有自定义库里面的类型的集合,查看flow 的文件的拆分

pasting

flow -----compiler//定义编译文件中全局的定义
     ----- component //组件数据结构内的变量
     ----- global-api //全局变量的接口定义
     -----ssr//服务端渲染的接口定义
     -----vnode //虚拟node相关
     -----options //选项相关
     -----module.js// 第三方库相关