TypeScript 与 JavaScript 的区别（TypeScript万字基础入门，了解TS

• 类型擦除

• 接口

• 枚举

• Mixin

• 泛型编程

• 名字空间

• 元组

• Await

从 ECMA 2015 反向移植而来：

• 类

• 模块

• lambda 函数的箭头语法

• 可选参数以及默认参数

TypeScript 与 JavaScript 的区别

---

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

第一个TypeScript实例：

const greet : string = “Hello World!”

console.log(greet)

为了演示方便，本文中的例子均在vue3项目运行。

TypeScript基础语法

第一个TypeScript程序（之后的代码演示省略

对比一下JavaScript的代码

const greet = “hello world！”

console.log(greet);

TypeScript中的保留字与JavaScript基本一致

TypeScript 会忽略程序中出现的空格、制表符和换行符。空格、制表符通常用来缩进代码，使代码易于阅读和理解。TypeScript 区分大写和小写字符。每行指令都是一段语句，你可以使用分号或不使用， 分号在 TypeScript 中是可选的，建议使用。注释与JavaScript使用一致。

TypeScript基础类型

any（任意类型）：声明为 any 的变量可以赋予任意类型的值。

number（数字类型）：双精度 64 位浮点值。它可以用来表示整数和分数。

string（字符串类型）：一个字符系列，使用单引号（'）或双引号（"）来表示字符串类型。反引号（`）来定义多行文本和内嵌表达式。

boolean（布尔类型）：表示逻辑值：true 和 false。

数组类型、元组。

enum（枚举类型）：枚举类型用于定义数值集合。

void：用于标识方法返回值的类型，表示该方法没有返回值。

null：表示对象值缺失。

undefined：用于初始化变量为一个未定义的值。

never：never 是其它类型（包括 null 和 undefined）的子类型，代表从不会出现的值。

Any

任意值是 TypeScript 针对编程时类型不明确的变量使用的一种数据类型，它常用于以下情况。

1、变量的值会动态改变时，比如来自用户的输入，任意值类型可以让这些变量跳过编译阶段的类型检查，示例代码如下：

let flag: any = 1; // 数字类型

flag = ‘my name is leo’; // 字符串类型

flag = true; // 布尔类型

2、定义存储各种类型数据的数组时，示例代码如下&#x