TypeScript 能手养成之旅 Day 3 判断资料型别

前言

今天正式进入 TypeScript 内容及使用,我们首先会接触的就是 型别系统

型别系统设计的用意,可以让开发者在撰写程序码的途中,如有发生错误,可以即时发现,後续除错过程也可以相较简单明了,相较过去发生错误後,改完了,过一阵子又错,才发现原来当初没修好,好太多了。

而当我们打开 ts or tsx 档案的时候,最先会看到的是 型别注记型别推论,接下来就和大家一起来看看,这两个名词究竟是什麽。

型别注记(Type Annotation)

透过下注解方式,将变数或函式赋予型态,接下来 TypeScript 就会为我们把关每一个资料型态,可以大大降低我们在开发上的错误。

const hello: string = 'CY' // 注解变数型别

function sayHello(sentence: string): Array<object> {
  return [{ myName: sentence, age: 28 }]
} // 注解函式接收参数和其回传值的型别

console.log(sayHello(hello)) // [ { myName: 'CY', age: 28 } ]

型别推论(Inference)

型别推论是在做什麽事呢?名称听起来好像在推理什麽。是的,没错!当我们没有特别注明资料的型别,TypeScript 将会进行推论资料型别,并提醒我们是否有错误的资料型别。

但当我们资料型态不明确的时候,例如没有赋值,TypeScript 将会推论成 any,这就代表 TypeScript 也无所谓了,发生这种情况,还继续使用,就是真的写心酸了,所以要记得清楚标示资料型态。

结语

最後,复习以上几个重点

  1. 做好型别注记,就可以发挥 TypeScript 的监控功能,降低错误的风险。
  2. 杜绝 any 的出现,这样使用 TypeScript 才有意义。
  3. 根据型别推论,稳稳打造健全的程序码。

<<:  Day04 - 【入门篇】浅谈身份验证与授权(2)

>>:  Day 5 - 建立测试计画

学习Python纪录Day4 - Python资料型别

Python的程序注解 单行注解 → 以#开始 多行注解 → 以'''和'''括起 资料型别 数值资...

追求JS小姊姊系列 Day5 -- 工具人登场

前情提要 突然出现在我身後的三人组是!郑列,方函式,阿物件 而三人中,站在最前方的就是郑列。 三人:...

[Day 20] JS - 变数宣告

前言 延续昨天作用域,今天就来更细谈认识 ES6 变数宣告的方式。 var:作用域是依 functi...

Day19 - AVL tree

大家好,我是长风青云。今天是铁人赛第十九天。 这是今天的影片。 来说个题外话。 今天下午我在看云端课...

[D22] Placeholder

写在前面 Placeholder for test test Placeholder for tes...