前言
古人有云,凡走过必留下痕迹,而且人随着年纪越来越大,记不住的事情是越来越多,所以想记录一下自己的足迹,也分享给有缘人自由取用,因此有了这一系列的文章。
第一回 初识TypeScript
哈搂~大家好我是阿华,今天来跟大家分享TypeScript介绍主要解决的问题与一些基础用例。
TypeScript 是一种在 JavaScript 的基础上新增了型别系统,以帮助开发者在开发大型且複杂的应用程式时更容易进行静态分析、错误侦测和重构。
我们先来说说使用TS的好处,静态型别检查:
思考一个问题,在 js 中我们 call 尝试 call message,
message();
但万一这个 message 不是 function
const message = "Hello World!";
那我们会得到一个错误如:
TypeError: message is not a function
所以如果我们在写 code 时可以被提醒这个错误,那会让我们写 code 时要除的错减少许多。
另外 ts 可以捕捉在 js 不会出错,但我们希望能够被排除的错误,例如:
const user = { name: "Daniel", age: 26,};user.location; //会提醒我们: Property 'location' does not exist on type '{ name: string; age: number; }
一般 js 只会回传 undefined,并不会有错误,但 ts 可以推断并检查出 user 并没有 location 这个属性。
最后,因为能推断属性,所以我们在编辑器上能够得到自动完成的提示:如图
好啦~ 上面是关于使用TypeScript的一些好处分享,
下回会跟大家聊聊有关一些基本类型的宣告~大家下次见
参考资料:
https://www.typescriptlang.org/docs/handbook/2/basic-types.html