vue源码解读01——flow

最新推荐文章于 2024-07-16 14:59:12 发布

入里

最新推荐文章于 2024-07-16 14:59:12 发布

阅读量271

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_39899790/article/details/80808205

版权

本文介绍了Vue.js项目中使用Flow进行静态类型检查的重要性，并详细讲解了Flow的两种类型检查方式：类型判断和类型注释。通过示例说明了如何通过Flow避免运行时错误，以及Flow在Vue.js中的应用，包括libdef概念和.flowconfig配置文件的作用。

摘要由CSDN通过智能技术生成

vue作为一个大型项目，选择了flow作为js静态类型检测工具，由Facebook开源，有兴趣的同学可以去了解下，这里抛砖引玉，有兴趣的同学多多了解下，主要是我自己也是刚刚接触。

js是动态类型语言，灵活多变是它的优点，但是过于灵活会使我们写出非常隐蔽的隐患代码。可能在编译期都不回报错，但是在运行阶段会有各种各样的问题，而且往往不容易排查。

个人认为类型检查是当前动态类语言发展的趋势，在编译期尽早发现由类型引发的bug。缺点就是会使语言加重，体验类似于在写java。不过项目越是复杂就越需要通过工具来保证项目的维护性和代码的可读性。

1、类型判断：通过变量的使用上下文来推断出变量的类型，根据这些推断来检查类型。

2、类型注释：事先注释好我们期待的类型，flow会根据我们的注释来进行判断。

类型判断：

/*@flow*/
function test(str) {
  return str.split('')
}
test(11)

这里运行flow就会提示你错误：

Cannot call str.split because property split is missing in Number [1].

     1│ /*@flow*/
     2│ function test(str) {
     3│   return str.split('&

关注