3.TypeScript基本语法

TypeScript内容并不多。
一个TypeScript程序由以下内容组成：

• 变量
• 语句
• 函数
• 模块
• 注释

例如上一章中编写的“hello.ts”程序。

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

一个ts的文件后缀名为‘.ts’
在运行程序时会先把 ts 代码编译 js代码。
在上一章配置的开发环境中，终端输入tsc hello.ts ，执行后会得到一个hello.js文件，内容如下：

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

使用 node 命令来执行该 js 代码
在终端输入node hello.js,得到一个“Hello World”的输出。

如果有多个ts文件，可以同时编译，如下：
tsc file1.ts file2.ts file3.ts
目前先记住这一个tsc的命令就行。

一些基本的术语不在过多赘述，如：类、对象、注释等

其他：

• TypeScript 区分大小写
• 在TS的语句中，语句的后面分号可带可不带。但如果不同的语句写在同一行（一般不会这么做），必须带上分号。
• 单行注释 ( // )
• 多行注释 (/* */)
• TS是一种面向对象的语言
  面向对象主要有3个概念：
  • 类：对现实世界的描述和抽象
  • 方法：一般情况下是类的重要组成部分，是对一些行为和状态的实现，让所属类拥有该行为和状态，是对象操作的主要步骤。
  • 对象：类的实例，拥有类的行为和状态，通过类的方法去实现一系列状态或行为的改变。
    
    这里根据上图编写一个程序便于理解：

class Girl {
    _name: string;
    constructor(name: string) {
        this._name = name;
    }
    sayName() {
        console.log("女孩：" + this._name);
    }
}

class Boy {
    _name: string;
    constructor(name: string) {
        this._name = name;
    }
    sayName() {
        console.log("男孩：" + this._name);
    }
}

let girl1 = new Girl("小雪");
girl1.sayName();
let girl2 = new Girl("小丽");
girl2.sayName();
let boy1 = new Boy("小明");
boy1.sayName();
let boy2 = new Boy("小李");
boy2.sayName();

终端编译运行：

以上程序在Main.ts文件中定义了一个类 Girl和一个类Boy,Boy类和Girl类的构造函数有一个传入名字的方法，以及一个方法 sayName()，sayName方法实现了打印名字的行为。
通过new 关键字分别创建类的对象并传入名字，不同的对象分别调用类的方法 sayName()。