《菜鸟教程》-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