TypeScript | 简介、安装与使用

282 阅读1分钟

恶补下基础,整理成自己的学习笔记,学习ing~

好好学习,天天向上~

简介

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集,它对 JavaScript 进行了一些规范和补充。它可以编译成纯 JavaScript。

TypeScript 基于 ECMAScript 标准进行拓展,支持 ECMAScript 未来提案中的特性,如装饰器、异步功能等。

image.png

为什么要用 TypeScript

1、避免一些低级的语法错误

JavaScript 中的常见错误:

Uncaught TypeError: Cannot read property
TypeError: ‘undefined’ is not an object
TypeError: null is not an object
TypeError: Object doesn’t support property
TypeError: ‘undefined’ is not a function
TypeError: Cannot read property ‘length’

JavaScript 只会在 运行时 才去做数据类型检查

TypeScript 作为静态类型语言,其数据类型是在 编译期间 确定的,编写代码的时候要明确变量的数据类型。使用 TypeScript 后,这些低级错误将不再发生。

2、三大框架的支持

3、兼容 JavaScript 的灵活性

安装与使用

Node 安装

nodejs官网 根据自己的操作系统下载对应 Node.js 版本,Node.js 自带 npm。安装后,在 终端 执行如下命令,检查是否安装成功:

$ node -v
v15.0.1
$ npm -v
7.0.3

TypeScript 安装

$ npm install -g typescript
$ npm install -g ts-node
$ tsc -v
Version 4.3.2

TypeScript 使用

新建 demo.ts

var message:string = "Hello World" 
console.log(message)

ts文件编译成js文件

$ tsc demo.ts  //会生成demo.js

运行文件

$ ts-node demo.ts
Hello World

学习链接