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