TypeScript 能手养成之旅 Day 1 出发

TypeScript 能手养成之旅 Day 1 出发

前言

学习程序满一年了,转职成为工程师也有半年多,这段时间充满了各式各样的挑战,也接收到许多新知识。

这次想透过铁人赛,来学习新的技术,也一同训练写作能力,希望在三十天之後,可以看到不一样的自己。

技术主题的选择原因

目前在公司使用前端框架为 Next.js,加上团队近来导入 TypeScript ,於是藉此机会让自己更积极了解何谓 TypeScript 以及熟练其使用方式,加上目前主流的三大框架 ReactVueAngular 都有支援 TypeScript ,因此学起来!!!

什麽是 TypeScript ?

TypeScript 是以 JavaScript 为基础,所建立的程序语言。相对 JavaScript 拥有资料型别检查与预先定义,可以说是 JavaScript 的延伸版,当然也可以在 TypeScript 使用原生 JS ES6 或 ES5 的语法,但如果有任何不清楚定义或逻辑,造成引发 BUG 风险,TypeScript 将会进一步的抛出 Warning 来提醒我们。

TypeScript 是为了解决什麽问题 ?

JaveScript 是个自由度高的程序语言,例如变数可以依照赋值来自动转换该变数型别,这也是直译式很常见的特性,因此容易学习及上手,这对新手来说福音,但往後有机会成为恶梦。在我们开发过程中,常常会遇到要呼叫 function 时,发现参数带入後,却发生错误,Debug 还要弄半天,最後才发现型别错误。

如果加入 TypeScript,我们就可以预先定义型别,当我们传入错误型别的参数时,TypeScript 就会直接以错误讯息,进一步提醒我们,如此一来,我们的 code 将会更强健。

结语

简单整理一下,TypeScript 虽然会降低 JaveScript 自由度,多了点约束,但是随之而来的好处则是让我们在撰写上更为严谨,减少错误的发生。


<<:  DAY1- 写一个自己都喜欢的 side project

>>:  参赛前言 & 系列文规划

LibShare-typeOrmGenerator

为什麽要写这篇呢? 新任务开发总会遇到一些麻烦的前置动作(ex. 设计DB schema 、建立t...

鼠年全马铁人挑战 WEEK 37:封包测试工具 - Charles (二)

           Photo on charlesproxy.com 前言 上个礼拜简单的分享...

VPC (一)

VPC介绍 介绍完关於GCP使用这权限设置,再来需要了解的是GCP中的网路层,在网路部分可以说是极其...

[Day 18] Facial Recognition: CNN网路与孪生网路简单介绍

此CNN非彼CNN 卷积神经网路 (Convolutional Neural Network),通...

Day 13 - 函式烤肉

为什麽要用function(函式)? 通常会将statement 放在函数(function)里面,...