JavaScript 进阶实战课
石川
JavaScript Patterns and Anti-Patterns 等开源项目创建者,O'Reilly 技术评审
15066 人已学习
新⼈⾸单¥59
登录后,你可以任选4讲全文学习
课程目录
已完结/共 47 讲
开篇词 (1讲)
JavaScript 进阶实战课
15
15
1.0x
00:00/00:00
登录|注册

36|Flow:通过Flow类看JS的类型检查

你好,我是石川。
前面我们讲了除了功能性和非功能性测试外,代码的质量检查和风格检查也能帮助我们发现和避免程序中潜在的问题,今天我们再来看看另外一种发现和避免潜在问题的方法——代码类型的检查。说到类型检查,TypeScript 可能是更合适的一门语言,但既然我们这个专栏主讲的是 JavaScript,所以今天我们就通过 Flow ——这个 JavaScript 的语言扩展,来学习 JavaScript 中的类型检查。
如果你有 C 或 Java 语言的开发经验,那么对类型注释应该不陌生。我们拿 C 语言最经典的 Hello World 来举个例子,这里的 int 就代表整数,也就是函数的类型。那么,我们知道在 JavaScript 中,是没有类型注释要求的。而通过 Flow,我们既可以做类型注释,也可以对注释和未注释的代码做检查。
#include <stdio.h>
int main() {
printf("Hello World! \n");
return 0;
}
它的工作原理很简单,总结起来就 3 步。
给代码加类型注释;
运行 Flow 工具来分析代码类型和相关的错误报告;
当问题修复后,我们可以通过 Babel 或其它自动化的代码打包流程来去掉代码中的类型注释。
这里,你可能会想,为什么我们在第 3 步会删除注释呢?这是因为 Flow 的语言扩展本身并没有改变 JavaScript 本身的编译或语法,所以它只是我们代码编写阶段的静态类型检查
确认放弃笔记?
放弃后所记笔记将不保留。
新功能上线,你的历史笔记已初始化为私密笔记,是否一键批量公开?
批量公开的笔记不会为你同步至部落
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
  • 深入了解
  • 翻译
    • 英语
    • 中文简体
    • 中文繁体
    • 法语
    • 德语
    • 日语
    • 韩语
    • 俄语
    • 西班牙语
    • 阿拉伯语
  • 解释
  • 总结

JavaScript中的类型检查对于代码质量至关重要。本文介绍了通过Flow类学习JavaScript类型检查的方法。Flow是JavaScript的语言扩展,通过类型注释和Flow工具进行类型分析和错误报告,有助于发现和避免潜在问题。文章还介绍了类型检查的使用场景和目的,以及Flow与TypeScript的共同点和区别。此外,还详细介绍了Flow的安装和运行方法,以及类型注释的使用,包括变量、函数参数和返回值的注释,以及复杂数据类型的支持。读者可以通过本文快速了解JavaScript中类型检查的重要性,以及如何通过Flow来进行类型检查,为代码质量和可靠性提供保障。文章还介绍了对象、数组和函数等核心数据类型的类型检查方法,以及对于类型检查中的可靠性和完整性思想的讨论。通过本文的总结,读者可以快速了解JavaScript类型检查的重要性,以及如何通过Flow来进行类型检查,为代码质量和可靠性提供保障。

仅可试看部分内容,如需阅读全部内容,请付费购买文章所属专栏
《JavaScript 进阶实战课》
新⼈⾸单¥59
立即购买
登录 后留言

全部留言(1)

  • 最新
  • 精选
  • 何以解忧
    完整性和可靠性,用这两个词区分,感觉很别扭,似乎很难表达两种理念的差异。我比较倾向于(completeness).毕竟我们得承认问题必然存在,我们能做的只是无限的减少问题,但是最好不以增加新问题为代价,哪怕漏掉一些,通过其他方式逼近收敛
    2023-12-01归属地:广东
收起评论
显示
设置
留言
1
收藏
沉浸
阅读
分享
手机端
快捷键
回顶部