介绍
This content is not available in your language yet.
再次提醒,这门课程默认你拥有最基础的 JavaScript(简称 TS) 能力(或至少是任意计算机语言的基础功底)。这个语言基础是非常不完整且不专业的,撰写这个部分的目的是为了让你能够快速复习关键基础的知识并且以运用作为核心目的,而不是真正理解背后的原理和逻辑。 如果你需要寻找一份 TS 的工作,那么,这个快速绝对不能代替传统的 TS 教程。在这个教程中,我只教授需要用到的关键基础内容,而不会完整的教每一个 TS 语法。
什么是 TypeScript ?
在介绍什么是 TypeScript 之前,你需要知道什么是 JavaScript(简称 JS)。JS 和 HTML 以及 CSS 一并被称为前端三剑客,几乎市面上所有的前端软件都是由这三种语言编写的。其中 HTML 和 CSS 负责数据展示,而 JS 则是负责让数据“动”起来。
但是,JS 缺少了现代编程语言的一个重要特性:类。在 TS 中,数据不遵守类型,即在 JS 中传入 '0'
和 0
会被按照一样的数据类型处理。这样的处理方式虽然简化了复杂的数据类型定义,但是也给代码的严谨性和正常的开发流程带来额外的负担。TS 则是 JS 的一个扩展,在 JS 的基础上增加了 数据类型
,这让开发更加简单明了,同时解决了一些隐藏的隐患。
语法规范
注意,TS 中,换行、缩进、分号均不敏感。以下几种表达都是正确的
虽然 TS 的语法比较灵活,但是仍然建议正确使用缩进,合理换行并且添加分号!
命名
在 TS 中,通常使用驼峰命名法。驼峰命名法就是一串英文单词每个单词的首字母均大写,其余字母小写。在定义类型时,第一个单词的首字母保持大写,在定义变量或函数时,第一个英文的首字母小写。
注释
创建和运行 TS 文件
首先你需要知道的是 TS 文件的后缀名是 .ts
。但是,TS 文件并不是直接可以运行的,你需要将 TS 文件编译成 JS 文件才能运行。
在这个教程中,由于我们的核心目的是直接基于 express.js
和 React
进行开发,这两者都基于 npm 有一套自动化的编译和运行逻辑,因此,我们不会涉及到手动编译和运行 TS 文件的内容,所以我们会跳过这一部分的内容。
你可以先创建一个 TS 文件,然后跟着教程做一些笔记,这些内容可以先不用运行,等到后面的章节我们会详细讲解如何运行 TS 文件。