TypeScript(一)

本文介绍了TypeScript的基础知识,包括其与JavaScript的关系、特点、安装方式和基本语法,如类型注解、函数、类、继承等。TypeScript作为JavaScript的超集,提供静态类型检查和更多特性,适用于开发大型应用,有助于提高代码质量和可维护性。
摘要由CSDN通过智能技术生成

TypeScript是什么?

TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。

TypeScript 由微软开发的自由和开源的编程语言。

TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript本身并非什么高深的技术,凡是有JavaScript基础的同学都可以轻松掌握

TypeScript的特性

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括:

      类型批注和编译时类型检查

      类型推断

      类型擦除

      接口

      枚举

      Mixin

      泛型编程

      名字空间

      元组

      Await

以下功能是从 ECMA 2015 反向移植而来:

      类

      模块

      lambda 函数的箭头语法

      可选参数以及默认参数

TypeScript和JavaScript的区别

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

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

优势一:类型化思维方式,使得开发更加严谨,提前发现错误,减少改Bug时间。

优势二:类型系统提高了代码可读性,并使维护和重构代码更加容易。

优势三:补充了接口、枚举等开发大型应用时JS缺失的功能。

Vue 3源码使用TS重写,释放出重要信号: TS是趋势。

Angular默认支持TS; React与TS美配合,是很多大型项目的首选
在这里插入图片描述
在这里插入图片描述
TypeScript的安装

有两种主要的方式来获取TypeScript工具:

      通过npm(Node.js包管理器) tsc –v查看版本

      安装Visual Studio的TypeScript插件

> npm install -g typescript

Hello TypeScript

通常我们使用 .ts 作为 TypeScript 代码文件的扩展名

使用方式:

      通过 tsc fileName编译转化为js文件

      node 执行

const hello = "Hello TypeScript!"
console.log(hello)

TypeScript 转换为 JavaScript

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值