Hello TypeScript

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

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

 

TypeScript环境搭建

• 下载node.js并安装

• 使用npm全局安装typescript

• 输入：npm i -g typescript

• 创建一个ts文件

• 新建空文件夹，创建一个hello.ts文件

console.log('Hello TS')

　　

• 在命令行输入tsc hello.ts进行编译即

• •  编译完成会多出一个js文件

• js代码

 在此最简单Hello TS 已经编译完成

代码编辑器(Notepad++)

下载 https://www.giga.de/downloads/notepad-plus-plus/

直接下一步安装即可

右键打开即可直接使用

• 使用方法

 

TypeScript基本类型

• 类型声明

• 类型声明是TS非常重要的一个特点

• 通过类型声明可以指定TS中变量（参数、形参）的类型

• 指定类型后，当为变量赋值时，TS编译器会自动检查值是否符合类型声明，符合则赋值，否则报错

• 简而言之，类型声明给变量设置了类型，使得变量只能存储某种类型的值

• 语法

//声明一个变量a，类型为number
let a: number;
//a 的类型设置为number，在以后的过程中a的值只能为数字
a = 100;
// a = 'a';
let b:string;
b = 'aaa';
//声明完直接赋值
let c : boolean = true;
//不声明类型会默认为第一次赋值的变量的类型为自己的类型
let d = '111';
// d = 222;
//返回值类型也是必须为number
function sum(a: number, b: number) :number{
    return a+b;
}
sum(1,2);
// sum(1,'2');

• 自动类型判断

• TS拥有自动的类型判断机制

• 当对变量的声明和赋值是同时进行的，TS编译器会自动判断变量的类型

• 所以如果你的变量的声明和赋值时同时进行的，可以省略掉类型声明

• 类型：

 

 

 

 详细内容介绍 可以看b站 尚硅谷2021版TypeScript教程（李立超老师TS新课） https://www.bilibili.com/video/BV1Xy4y1v7S2?from=search&seid=14802368671203633727&spm_id_from=333.337.0.0