TypeScript - 基本语法

语法是编写程序的一套规则。每种语言规范都定义了自己的语法。TypeScript程序由以下部分组成：

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

您的第一个TypeScript代码

让我们从传统的Hello World示例开始：

var message:string = "Hello World" 
console.log(message)

编译后，它将生成以下JavaScript代码。

var message = "Hello World";
console.log(message);

• 第1行声明了一个名为message的变量。变量是程序中存储值的机制。

• 第2行将变量的值打印到提示符。这里，console指的是终端窗口。函数log()用于在屏幕上显示文本。

编译和执行TypeScript程序

让我们看看如何使用Visual Studio Code编译和执行TypeScript程序。按照以下步骤操作：

步骤1 - 使用.ts扩展名保存文件。我们将文件保存为Test.ts。保存代码时，代码编辑器会标记任何错误。

步骤2 - 在VS Code的探索窗格中，右键单击"工作文件"下的TypeScript文件。选择"在命令提示符中打开"选项。

步骤3 - 要编译文件，请在终端窗口中使用以下命令。

tsc Test.ts

步骤4 - 文件被编译为Test.js。要运行编写的程序，请在终端中键入以下内容。

node Test.js

编译器标志

编译器标志使您能够在编译期间更改编译器的行为。每个编译器标志都暴露了一个设置，允许您更改编译器的行为方式。

下表列出了与TSC编译器相关的一些常见标志。典型的命令行使用会使用部分或全部开关。

序号	编译器标志 & 描述
1.	--help 显示帮助手册
2.	--module 加载外部模块
3.	--target 设置目标ECMA版本
4.	--declaration 生成额外的.d.ts文件
5.	--removeComments 从输出文件中删除所有注释
6.	--out 将多个文件编译为单个输出文件
7.	--sourcemap 生成sourcemap(.map)文件
8.	--module noImplicitAny 不允许编译器推断any类型
9.	--watch 监视文件更改并即时重新编译

注意 - 可以一次编译多个文件。

tsc file1.ts, file2.ts, file3.ts

TypeScript中的标识符

标识符是赋予程序中元素（如变量、函数等）的名称。标识符的规则如下：

• 标识符可以包含字符和数字。但是，标识符不能以数字开头。

• 标识符不能包含特殊符号，下划线(_)或美元符号($)除外。

• 标识符不能是关键字。

• 它们必须是唯一的。

• 标识符区分大小写。

• 标识符不能包含空格。

下表列出了一些有效和无效的标识符示例：

有效标识符	无效标识符
firstName	Var
first_name	first name
num1	first-name
$result	1number

TypeScript 关键字

关键字在语言上下文中具有特殊含义。下表列出了TypeScript中的一些关键字。

break	as	any	switch
case	if	throw	else
var	number	string	get
module	type	instanceof	typeof
public	private	enum	export
finally	for	while	void
null	super	this	new
in	return	true	false
any	extends	static	let
package	implements	interface	function
new	try	yield	const
continue	do	catch

空白符和换行

TypeScript会忽略程序中出现的空格、制表符和换行符。您可以在程序中自由使用空格、制表符和换行符，并且可以自由地以整洁一致的方式格式化和缩进您的程序，使代码易于阅读和理解。

TypeScript区分大小写

TypeScript区分大小写。这意味着TypeScript会区分大写和小写字符。

分号是可选的

每行指令称为一个语句。在TypeScript中，分号是可选的。

示例

console.log("hello world")
console.log("We are learning TypeScript")

单行可以包含多个语句。但是，这些语句必须用分号分隔。

TypeScript中的注释

注释是提高程序可读性的一种方式。注释可用于包含有关程序的附加信息，如代码作者、关于函数/构造的提示等。注释会被编译器忽略。

TypeScript支持以下类型的注释：

• 单行注释(//) - //和行尾之间的任何文本都被视为注释

• 多行注释(/* */) - 这些注释可以跨越多行。

示例

//this is single line comment 
 
/* This is a  
   Multi-line comment 
*/

TypeScript和面向对象

TypeScript是面向对象的JavaScript。面向对象是一种遵循现实世界建模的软件开发范式。面向对象将程序视为对象的集合，这些对象通过称为方法的机制相互通信。TypeScript也支持这些面向对象的组件。

• 对象 - 对象是任何实体的实时表示。根据Grady Brooch的说法，每个对象必须具有三个特征：

  • 状态 - 由对象的属性描述

  • 行为 - 描述对象将如何行动

  • 标识 - 一个唯一值，用于将对象与一组相似的对象区分开。

• 类 - 在OOP中，类是创建对象的蓝图。类封装了对象的数据。

• 方法 - 方法促进对象之间的通信。

示例：TypeScript和面向对象

class Greeting { 
   greet():void { 
      console.log("Hello World!!!") 
   } 
} 
var obj = new Greeting(); 
obj.greet();

上面的示例定义了一个类Greeting。该类有一个方法greet()。该方法在终端上打印字符串Hello World。new关键字创建类的对象(obj)。该对象调用方法greet()。

编译后，它将生成以下JavaScript代码。

var Greeting = (function () {
   function Greeting() {
   }
   Greeting.prototype.greet = function () {
      console.log("Hello World!!!");
   };
	return Greeting;
}());

var obj = new Greeting();
obj.greet()

上述程序的输出如下所示：

Hello World!!!