TypeScript 系列（基础二）：TypeScript 基础语法

📖摘要

今天分享下 —— TypeScript 系列（基础二）：TypeScript 基础语法的一些基本知识，欢迎关注！

相关文章

本文介绍 TypeScript 基础语法。

我们需要使用到 npm 工具安装，如果你还不了解 npm，可以参考：windows安装node.js用npm安装vue。

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

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

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

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

tsc Test.ts

得到如下 js 代码：

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

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

$ node Test.js
Hello World

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

tsc file1.ts file2.ts file3.ts

tsc 常用编译参数如下表所示：

序号	编译参数说明
1.	–help 显示帮助信息
2.	–module 载入扩展模块
3.	–target 设置 ECMA 版本
4.	–declaration 额外生成一个 .d.ts 扩展名的文件。 tsc ts-hw.ts –declaration以上命令会生成 ts-hw.d.ts、ts-hw.js 两个文件。
5.	–removeComments 删除文件的注释
6.	–out 编译多个文件并合并到一个输出的文件
7.	–sourcemap 生成一个 sourcemap (.map) 文件。sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。
8.	–module noImplicitAny 在表达式和声明上有隐含的 any 类型时报错
9.	–watch 在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。

TypeScript 保留关键字

break	as	catch	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

空白和换行

TypeScript 区分大小写

分号是可选的

以下代码都是合法的：

console.log("Sunny")
console.log("Chen");

console.log("Sunny");console.log("Chen");

TypeScript 注释

注释是一个良好的习惯，虽然很多程序员讨厌注释，但还是建议你在每段代码写上文字说明。

TypeScript 支持两种类型的注释

注释实例：

// 这是一个单行注释
 
/* 
 这是一个多行注释 
 这是一个多行注释 
 这是一个多行注释 
*/

文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/97432.html