【TS语法|基础入门】《前端的未来——TypeScript》掌握TS基础语法

文章简介

本文是我在学习TS课程中的一些学习笔记和听课记录，从这一期开始将正式进入TS的语法内容，本节内容紧接上一期【起步了解】《前端的未来——TypeScript》了解TS的工作流程的内容，重点介绍TS的基础语法。创作不易！多多关照！

主要内容

TypeScript 程序由以下几个部分组成：

• 模块
• 函数
• 变量
• 语句和表达式
• 注释

1 第一个 TypeScript 程序

我们可以使用以下 TypeScript 程序来输出 “Hello World” ：

Runoob.ts 文件代码：

const hello : string = "Hello World!"
console.log(hello)

以上代码首先通过 tsc 命令编译：

tsc Runoob.ts

得到如下 js 代码：

Runoob.js 文件代码：

var hello = "Hello World!";
console.log(hello);

最后我们使用 node 命令来执行该 js 代码。

$ node gungun.js  // node gungun.js 也可
Hello World

整个流程如下图所示：

我们可以同时编译多个 ts 文件：

tsc file1.ts file2.ts file3.ts

tsc 常用编译参数如下表所示：(了解)

序号	编译参数说明
1	–help 显示帮助信息
2	–module 载入扩展模块
3	–target 设置 ECMA 版本
4	–declaration 额外生成一个 .d.ts 扩展名的文件<