使用流来标准化javascript的变量类型

众所周知，js是一种弱类型的语言，它有很多优点，但也有大量的错误，所以很难定位。当然，也有像ts这样的语法糖可以解决这个问题。ts是从c#演变而来的，所以入门有一定的门槛，那么我们来看看flow，一个比较轻的工具。

让我们看看vs代码：中的流的性能

与ts提示符类似，它会实时检测所有包含流注释的文件，并且需要在vscode中安装Flow Language Support插件。

如何安装

安装过程中可以使用纱线和npm，建议使用纱线，因为安装起来会更快。

纱线添加-dev @ babel/core @ babel/CLI @ babel/preset-flow

然后添加这个插件。babelrc

{ '预置' : ['@ babel/preset-flow']}添加流绑定的依赖关系

纱线添加装置流动箱

执行流程：

纱线流动

成功执行后，将在后台启动一个进程进行监控。如果已经安装了vscode的插件，可以忽略这个步骤，插件会自动启用flow。

使用强类型

完成以上操作后，您可以使用强类型来约束js文件中的代码，并将//@flow添加到需要使用flow的文件头

//@flowfunction foo(x:number):字符串{ if(x){ return x；}返回“默认字符串”；}然后运行纱线运行流程，您可以看到以下输出

test.js:5 5:返回x；^号码。此类型与3:函数foo(x:Number) : string {String如果使用vscode的插件，保存时会自动提示这些错误，如第一个示例图片所示。

相关信息：

流量官网：https://flow.org/en/

网上试试：https://flow.org/try/

摘要

以上是边肖引入的使用流来标准化javascript变量类型。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！如果你觉得这篇文章对你有帮助，请转载，请注明出处，谢谢！