《菜鸟教程》-TypeScript 基础语法

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

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

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

--help： 显示帮助信息

--module： 载入扩展模块

--target： 设置 ECMA 版本,"ES3"（默认），'--target' option must be: 'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'.

--declaration： 额外生成一个 .d.ts 扩展名的文件， tsc ts-hw.ts --declaration，该命令会生成 ts-hw.d.ts、ts-hw.js 两个文件

--removeComments： 删除文件的注释

--out：编译多个文件并合并到一个输出的文件

--sourcemap： 生成一个 sourcemap (.map) 文件。sourcemap 是一个存储源代码与编译代码对应位置映射的信息文件。

--module noImplicitAny： 在表达式和声明上有隐含的 any 类型时报错

--watch： 在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译

TypeScript 保留关键字

TS保留关键字

空白和换行

TypeScript 会忽略程序中出现的空格、制表符和换行符。

空格、制表符通常用来缩进代码，使代码易于阅读和理解。

TypeScript 区分大小写

TypeScript 区分大写和小写字符。

分号是可选的

// 以下代码都合法

console.log("Runoob")

console.log("Google");

// 如果语句写在同一行则一定需要使用分号来分隔，否则会报错，如：

console.log("Runoob");console.log("Google");

TypeScript 注释

// 这是一个单行注释

/*

这是一个多行注释

这是一个多行注释

这是一个多行注释

*/

TypeScript 与面向对象

面向对象是一种对现实世界理解和抽象的方法。

TypeScript 是一种面向对象的编程语言。

面向对象主要有两个概念：对象和类。

对象：对象是类的一个实例（对象不是找个女朋友），有状态和行为。例如，一条狗是一个对象，它的状态有：颜色、名字、品种；行为有：摇尾巴、叫、吃等。

类：类是一个模板，它描述一类对象的行为和状态。

方法：方法是类的操作的实现步骤。

示例一：

class Person {

   printName(): void {

       console.log('zzh');

   }

}

const zzh = new Person();

zzh.printName();

以上实例定义了一个类 Person，该类有一个方法 printName()，该方法在终端上输出字符串 zzh。

new 关键字创建类的对象，该对象调用方法 printName()。

测试结果

编译后生成的JS（es3）代码如下：

var Person = /** @class */ (function () {

   function Person() {

   }

   Person.prototype.printName = function () {

       console.log('zzh');

   };

   return Person;

}());

var zzh = new Person();

zzh.printName();

编译成es2020的JS代码如下：

class Person {

   printName() {

       console.log('zzh');

   }

}

const zzh = new Person();

zzh.printName();

编译成es2020的JS

如果觉得文章写得还行，请点个赞。如果想与我进一步交流，可以关注我的公众号或者加我的微信。

个人微信

公众号_前端微说.jpg

本文章由javascript技术分享原创和收集