TS（TypeScript）入门（一）

最新推荐文章于 2025-09-24 17:21:42 发布

原创最新推荐文章于 2025-09-24 17:21:42 发布 · 304 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript #javascript #前端

TypeScript是在JavaScript基础上增加编译期类型检查的编程语言，适用于大型项目。它需要通过tsc编译器将.ts文件转换成.js文件来运行。文章介绍了如何安装TS编译器以及基本的数据类型使用。

TypeScript

Typescript是Javascript的一个超集。Typescript在原有的js的基础之上又添加了编译期的类型检查功能，意味着如果使用`ts`进行前端开发，会对变量的数据类型进行较为严格的验证，防止程序员写出可能出错的代码。规范编程习惯，适合大型项目使用。

Typescript代码的编写及运行方式

`typescript`代码写在后缀名为`.ts`的文件中。这种文件可以被typescript编译器编译解析，最终转换成一套功能相同的javascript代码，生成`.js`文件。这个过程称为**“编译”**。ts代码是无法被浏览器直接解析运行的，它只提供了一套编译环境，将ts转换成js，真正运行的还是js代码。

如果在编译的过程中，ts编译器检查出了语法错误，则会中断编译，报错显示。

全局安装Typescript编译器

```shell
npm  install  -g  typescript   # 安装TS编译器
npm  install  -g  ts-node      # 可以使用vscode的插件直接执行ts文件
npm  install  -g  tslib  @types/node

一旦安装成功，就可以在命令行中使用tsc命令，对ts文件进行编译（ts转js）：

hello.js

/**  day02/demo/hello.ts  */
var a = 10;
// a = 'hello';
a = 200;
var b = 20;
console.log(a + b);

tsc hello.ts 转换后

/**  day02/demo/hello.ts  */
let a:number = 10;
// a = 'hello';
a = 200;
let b:number = 20;
console.log(a + b)

vscode中有一个插件可以使用，自动编译ts文件，直接运行编译后的js：

typescript官方中文文档（百度搜索关键字：typescript中文网）

TypeScript中文网 · TypeScript——JavaScript的超集

/**  demo/01_basictype.ts 测试基本数据类型  */

let pName:string = '亮亮';
let age:number = 18;
let pMarried:boolean = false;
console.log({pName, age, pMarried})

// 对于number类型 
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;     // 16进制
let binaryLiteral: number = 0b1010;  // 2进制
let octalLiteral: number = 0o744;    // 8进制
console.log({decLiteral, hexLiteral, binaryLiteral, octalLiteral})