0
点赞
收藏
分享

微信扫一扫

TypeScript 介绍和开发环境搭建

那小那小 2022-03-12 阅读 92

文章目录

TypeScript介绍

什么是 TypeScript?

TypeScript(简称TS) 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,因为它扩展了 JavaScript,有 JavaScript 没有的东西
在这里插入图片描述
TypeScript 增加了什么?

TypeScript 向 JS 语言添加了可选的静态类型和基于类的面向对象编程。JavaScript 是弱类型,很多错误只有在运行时才会被发现,而 TypeScript 提供了一套静态检测机制,,可以帮助我们在编译时就发现错误
在这里插入图片描述

TypeScriptJavaScript
JavaScript 的超集用于解决大型项目的代码复杂性一种脚本语言,用于创建动态网页
可以在编译期间发现并纠正错误作为一种解释型语言,只能在运行时发现错误
强类型,支持静态和动态类型弱类型,没有静态类型选项
最终被编译成 JavaScript 代码,使浏览器可以理解可以直接在浏览器中使用
支持模块、泛型和接口不支持模块,泛型或接口
社区的支持仍在增长,而且还不是很大大量的社区支持以及大量文档和解决问题的支持

TypeScript 特点

1、支持最新的JavaScript新特特性
2、支持代码静态检查
3、支持诸如C,C++,Java,Go等后端语言中的特性 (枚举、泛型、类型转换、命名空间、声明文件、类、接口等)

开发环境搭建

1、安装 Node.js
TS 需要编译为 js,然后才会被 JS 解析器执行,所以我们需要安装 TS 解析器,而 TS 解析器使用 Node.js 写的,所以需要先安装 Node.js

Node.js 安装

2、安装 typescript
cmd 中使用 npm 全局安装 typescript:npm i -g typescript
在这里插入图片描述
安装完成后可以输入 tsc ,如果出现以下信息表示安装成功
在这里插入图片描述
3、新建一个 ts 文件

使用一个文本编辑器新建一个 .ts 文件(新建一个 txt 再修改后缀即可),内容为 console.log("hello ts"),文件名为 hello_ts.ts
在这里插入图片描述
在这里插入图片描述
4、使用 tsc 对 ts 文件进行编译
在当前目录打开cmd,输入 tsc hello_ts.ts

然后会看到新增了一个 hello_ts.js,这就是 ts 通过编译器编译后产生的 js 文件
在这里插入图片描述

举报

相关推荐

0 条评论