狗万官网酒店 > 狗万官网下载 > 利用flow来规范javascript的日产量类型_javascript艺术

利用flow来规范javascript的日产量类型_javascript艺术

来源: 2019-09-16 09:52 我来投稿 参与评论
这篇文章主要介绍了利用flow来规范javascript的日产量类型,本文给大家介绍的独特详细,具有原则性的参考借鉴价值,要求的爱人可以参考下

引人注目, js是弱类型的语言,由此有了许多之亮点,也出现了大量由此导致的错误,难以稳定。当然有类似于ts等等的语法糖来解决此问题,ts因为是下c#演变而来之,故而入门有稳定的门路,故而我们来一下flow本条更轻巧的工具。

先来看一下flow在vs code中的表现效果:

跟ts的指导类似,其它会实时检测所有的包含flow诠释的公文,在vscode外方要求安装Flow Language Support硬件.

如何设置

安装过程可以利用yarn和npm安装,引进使用yarn,因为安装起来会更快。

yarn add --dev @babel/core @babel/cli @babel/preset-flow

 接下来在.babelrc外方添加此插件

{
 "presets": ["@babel/preset-flow"]
}

 补flow-bin的依赖

yarn add --dev flow-bin

 实行flow:

yarn run flow

  实行成功之后,会在井台启动一个进程进行监视,如果你已经安装了vscode的硬件的话,可以忽略这一地,硬件会自动启用flow.

 利用强类型

做完上面这些后,你就足以在你的js文件中应用强类型来约束你的编码了,在需求采取flow的公文头部添加/ / @flow

// @flow
function foo(x: ?number): string {
 if (x) {
  return x;
 }
 return "default string";
}

接下来运行 yarn run flow  你就足以见到如下的进出口

test.js:5
 5:   return x;
        ^ number. This type is incompatible with the expected return type of
 3: function foo(x: ?number): string {
                ^^^^^^ string

如果你利用vscode的硬件,就会在保存的时光自动提示这些错误出来,如重点张示例图片那样。

相关资料:

flow官网:https://flow.org/en/

在线尝试:https://flow.org/try/

总结

上述所述是小编给大家介绍的采取flow来规范javascript的日产量类型,瞩望对大家有所帮助,如果大家有其他问题请给我留言,小编会适时回复大家的。在此也突出感谢大家对脚本的师网站的支持!
如果你认为本文对你有帮助,迎接转载,烦请注明出处,谢谢!

义务编辑:狗万官网酒店
 
 
0% (0)
 
 
0% (0)
机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
地名: 匿名?

  •