01 _ 重塑“类型思维”

TypeScript 缘起

在过去的十年里,我一直从事前端开发工作,亲自见证了 Atwood 定律,那就是:“任何能用 JavaScript 实现的应用,最终都会用 JavaScript 实现。”如今,从移动终端到后端服务,从 IoT 到神经网络,它几乎无处不在。如此广阔的应用领域,自然对语言的安全性、健壮性和可维护性有更高的要求。

尽管 ECMAScript 标准在近几年有了长足的进步,但在类型检查方面依然无所建树。你是否经常遇到这样的场景:

场景一:你调用一个别人写的函数,但是很不幸,这个家伙没有留下任何注释,为了搞清楚参数类型,你只能硬着头皮去看里面的逻辑。
场景二:为了保证代码的健壮性,你很有责任心,对一个函数的输入参数进行各种假设,最终给老板盛上了一碗香喷喷的意大利面。
场景三:领导看好你,让你维护一个重要的底层类库,你殚精竭虑,优化了一个参数类型,但不知道有多少处引用,在提交代码前,是否感到脊背发凉?
场景四:明明定义好了接口,可一联调就报错了:“TypeError: Cannot read property ‘length’ of undefined”,于是你怒气冲冲地去找后端理论:“嘿,哥们儿!这个字段是数组!这个字段是数组!这个字段是数组!”

以上情况归根结底,是因为 JavaScript 是一门动态弱类型语言,对变量的类型非常宽容,而且不会在这些变量和它们的调用者间建立结构化的契约。如果你长期在没有类型约束的环境下开发,就会造成“类型思维”的缺失,养成不良的编程习惯,这也是做前端开发的短板之一,值得我们警醒。

令人庆幸的是,开源社区一直在努力解决这个问题。早在 2014 年, Facebook 就推出了 Flow,微软在同年也发布了 TypeScript 的 1.0 版本。它们都致力于为 JavaScript 提供静态类型检查。五年过后,显然 TypeScript 发展得更好一些,多个团队(比如 Angular 和 Vue)开始全面使用 TypeScript 重构代码,甚至连 Facebook 自家的产品(比如 Jest 和 Yarn)都在从 Flow 向 TypeScript 迁移。可以说,在 ES 标准推出静态类型检查前,TypeScript 是当下解决此问题的最佳方案。

什么是 TypeScript

那么,什么是 TypeScript,根据官方的定义,它是拥有类型系统的 JavaScript 的超集,可以编译成纯 JavaScript。这里,你要注意三个要点:
第一,类型检查:TypeScript 会在编译代码时进行严格的静态类型检查,这意味着你可以在编码阶段发现可能存在的隐患,而不必把它们带到线上。
第二,语言扩展:TypeScript 会包括来自 ECMAScript 6 和未来提案中的特性,比如异步操作和装饰器;也会从其他语言借鉴某些特性,比如接口和抽象类。
第三,工具属性:TypeScript 能够编译成标准的 JavaScript,可以在任何浏览器、操作系统上运行,无需任何运行时的额外开销。从这个角度上讲,TypeScript 更像是一个工具,而不是一门独立的语言。

为什么要使用 TypeScript

使用 TypeScript 还能带来其他好处。比如,Visual Studio Code具有强大的自动补全、导航和重构功能,这使得接口定义可以直接代替文档,同时也提高了开发效率,降低了维护成本。更重要的是,TypeScript 可以帮助团队重塑“类型思维”,接口提供方将被迫去思考 API 的边界,他们将从代码的编写者蜕变为代码的设计者。

如果说 JavaScript 是一匹野马,那么 TypeScript 就是束缚这匹野马的缰绳。作为骑士的你,自然可以张开双臂,放飞自我,但如果不是技艺超群,恐怕会摔得很惨。然而如果抓住了缰绳,你即可闲庭信步,亦可策马扬鞭。这就是 TypeScript 的价值,它会让你在前端开发之路上走得更稳,走得更远。

内容设计思路

这门课程分为三大模块:
模块一,基础篇:我会为你详细解读 TypeScript 的每个特性,它能解决什么问题?与 JavaScript 的区别在哪里?一步一步带你重塑“类型思维”。
模块二,工程篇:学习了语法仍然做不好项目吗?这是因为 TypeScript 理论和实际开发之间仍然存在不小的鸿沟,让很多初学者望而生畏。别担心,在这一部分我将为你趟平它。
模块三,实战篇:我将手把手带你开发四个典型的应用案例,加深你对相关概念的理解。

适合人群

本课程适于具备一定 ECMAScript 6 基础的终端开发者以及对 TypeScript 感兴趣的同学,你将全面了解 TypeScript 的核心知识与应用场景。

课程目标

学完这门课程后,我希望能在你的脑中播下“类型思维”的种子。因为思维方式决定了编程习惯,编程习惯奠定了工程质量,工程质量划定了能力边界。面对越来越复杂的前端应用,TypeScript 所提供的思维方法,能够让你在未来的开发中长期受益。因此,这门课程的重点不仅在于讲解 TypeScript 的知识点和实战应用,更在于训练你的思维。

如果你曾饱受动态类型带来的困扰,并愿意为此做出一些改变,那么现在就加入这门 TypeScript 实战课程吧。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/860634.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用Servlet开发javaweb,请求常见错误详解及其解决办法【404、405、500】

Servlet报错的情况多种多样,涵盖了配置错误、代码逻辑错误、资源未找到、权限问题等多个方面。以下是一些常见的Servlet报错情况及其可能的原因和解决方法: 404 Not Found: 错误原因图示: URL映射 发送请求,出现404错误 原因: 请…

基于jeecgboot-vue3的Flowable流程-自定义业务表单处理(一)支持同一个业务多个关联流程的选择支持

因为这个项目license问题无法开源,更多技术支持与服务请加入我的知识星球。 这部分先讲讲支持自定义业务表单一个业务服务表单多个流程的支持处理 1、后端mapper部分 如下,修改selectSysCustomFormByServiceName为list对象,以便支持多个 &…

通信系统网络架构_1.局域网网络架构

当今,通信网络从大的方面主要包括局域网、广域网、移动通信网等网络形式。不同的网络会采用不同的技术进行网络构建。以下针对不同的网络给出各自的网络架构以及所采用的技术。 1.概述 局域网,即计算机局部区域网络,是一种为单一机构所拥有的…

Codeforces Round 954 (Div. 3) G2. Permutation Problem (Hard Version)(数论)

题目 给定n(n<5e5)的排列p&#xff0c;求满足pi*pj是i*j倍数的(i,j)对数 实际t(t<1e4)组数据&#xff0c;保证sumn不超过5e5 思路来源 propane(cup_pyy)代码 题解 pi*pjk*i*j (pi/i)*(pj/j)k&#xff0c;比如&#xff0c;(4/3)*(9/2)6&#xff0c; 一定存在pi的约…

Simufact Additive增材制造支撑创建功能

增材制造工艺作为近年来制造行业的顶流&#xff0c;一直备受各行业关注。除了率先大范围展开增材制造应用的航空行业&#xff0c;在汽车、电子乃至医疗行业也都有了不俗的进展。深谙增材制造工艺的学者都直言&#xff1a;使用3D打印简单&#xff0c;但应用好比较难。那是因为这…

常用设计模式实例代码汇总

目录 单例模式 原型模式 外观模式 简单工厂模式 工厂方法模式 抽象工厂方法 策略模式 装饰模式 观察者模式 适配器模式 状态模式(状态类切换) 状态模式(环境类切换) 单例模式 void Main() {Singleton instance1 Singleton.GetInstance();Singleton instance2 Sin…

【高校科研前沿】四川大学刘超研究员为一作在《Geophys. Res. Lett.》发表团队成果:植被形态影响河床泥沙输运

文章简介 论文名称&#xff1a;Plant morphology impacts bedload sediment transport 第一作者及单位&#xff1a;刘超&#xff08;研究员|四川大学水利水电学院&#xff09; 通讯作者及单位&#xff1a;Yuqi Shan&#xff08;四川大学灾后重建与管理研究所&#xff09; 文…

【HashMap和HashSetyi以及散列表的拉链法,线性探测法详解】

&#x1f308;个人主页&#xff1a;SKY-30 ⛅个人推荐&#xff1a;基于java提供的ArrayList实现的扑克牌游戏 |C贪吃蛇详解 ⚡学好数据结构&#xff0c;刷题刻不容缓&#xff1a;点击一起刷题 &#x1f319;心灵鸡汤&#xff1a;总有人要赢&#xff0c;为什么不能是我呢 &…

昇思25天学习打卡营第2天 | 张量Tensor

张量Tensor 张量&#xff08;Tensor&#xff09;基础 张量是MindSpore中的基本数据结构的一种&#xff0c;类似于NumPy中数组和矩阵非常相似。它具有以下重要属性&#xff1a; 形状&#xff08;shape&#xff09;和数据类型&#xff08;dtype&#xff09;&#xff1a;每个张量…

射频技术在未来通信中的应用

低功耗广域网&#xff08;LPWAN&#xff09;技术 物联网的广泛应用需要低功耗、广覆盖的无线通信技术。低功耗广域网&#xff08;LPWAN&#xff09;技术如LoRa、NB-IoT和Sigfox等应运而生。这些技术在低功耗设计、远距离传输和大规模设备连接方面具有显著优势&#xff0c;使其…

Docker 常见命令快速查阅

基础命令 1. 帮助命令 docker versiondocker infodocker --help2. 镜像相关命令 列出主机的所有镜像 docker images [OPTIONS] # OPTIONS 说明&#xff1a;-a :列出本地所有的镜像&#xff08;含中间映像层&#xff09;-q :只显示镜像ID--digests :显示镜像的摘要信息--no-…

【Java基础】 网络编程

在数字化时代&#xff0c;网络编程已成为软件开发中的重要组成部分。无论是构建分布式系统、实现实时通讯还是进行Web开发&#xff0c;都需要深入了解网络编程的基础知识和技术。这种技能不仅在IT领域至关重要&#xff0c;还在非计算机行业的岗位中发挥着越来越重要的作用。Jav…

如何找到合适的Python第三方库?

找合适的Python库其实很简单&#xff0c;按照以下三步法&#xff0c;你能找到90%的Python库。 1、百度谷歌搜索 明确自己的需求&#xff0c;用Python来干什么&#xff0c;力求简短明了。比如定位“数据分析”&#xff0c;然后去搜索关键词【Python数据分析第三方库】&#xf…

基于 JWT 进行身份验证

一、JWT 介绍 JWT 本质上就是一组字串&#xff0c;通过&#xff08;.&#xff09;切分成三个为 Base64 编码的部分&#xff1a; Header : 描述 JWT 的元数据&#xff0c;定义了生成签名的算法以及 Token 的类型。Payload : 用来存放实际需要传递的数据Signature&#xff08;签…

考研数学|张宇和武忠祥,强化能不能同时跟?

可以说你跟武老师学明白了&#xff0c;120完全没问题&#xff01;如果追求更高&#xff0c;宇哥的怀抱也想你敞开&#xff01; 学长我21年一战数学83&#xff0c;总分没过线&#xff0c;22年二战143&#xff0c;逆袭上岸211&#xff01;市面上的老师我基本都听过&#xff0c;最…

微深节能 料场堆取料无人操作系统 格雷母线

格雷母线高精度位移检测系统在料场堆取料中的应用是一个重要的技术进步&#xff0c;它极大地提升了堆取料作业的自动化和精确性。 一、格雷母线定位系统概述 格雷母线高精度位移测量系统&#xff0c;包括格雷母线、天线箱、地址解码器、地址编码器四个部分组成。 格雷母线类似一…

大数据面试题之Hive(3)

目录 Hive的函数:UDF、UDAF、UDTF的区别? UDF是怎么在Hive里执行的 row_number&#xff0c;rank&#xff0c;dense_rank的区别 Hive count(distinct)有几个reduce&#xff0c;海量数据会有什么问题 HQL&#xff1a;行转列、列转行 一条HQL从代码到执行的过程 了解Hive S…

深入探索Kylin的Cube构建:数据魔方的构建之旅

深入探索Kylin的Cube构建&#xff1a;数据魔方的构建之旅 引言 Apache Kylin是一个开源的分布式分析引擎&#xff0c;提供Hadoop和Spark之上的高性能数据立方体&#xff08;Cube&#xff09;技术。Kylin的Cube构建过程是其核心功能之一&#xff0c;它允许用户定义和构建多维数…

手动指定ubuntu环境下程序打包指定目录

Ubuntu在打包过程请自行检索其它文章&#xff1b; 在打包时候默认不能打包一些静态资源的&#xff0c;比如以配置文件为例config目录 当程序打包安装后&#xff0c;安装目录中没有config目录&#xff0c;这时候就需要我们手动创建config目录及目录中对应的配置文件等内容&…

Java养老护理助浴陪诊小程序APP源码

&#x1f496;护理助浴陪诊小程序&#x1f496; 一、引言&#xff1a;养老新趋势&#x1f331; 在快节奏的现代生活中&#xff0c;养老问题逐渐成为了社会关注的焦点。如何为老年人提供便捷、贴心的服务&#xff0c;让他们晚年生活更加安心、舒适&#xff0c;是我们每个人都需…