一文让你搞懂什么是TypeScript

简介: 一文让你搞懂什么是TypeScript

TypeScript是什么

dbdf4490cf1a40beb904d8545d265d3f.png


TypeScript简介


  1. TypeScript是JavaScript的超集。
  2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。
  3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。
  4. TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。
  5. 相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功能,TS的代码量要大于JS,但由于TS的代码结构更加清晰,变量类型更加明确,在后期代码的维护中TS却远远胜于JS。


TypeScript增加了什么?


c0391cc9c7924440b7af877560d9604c.png


TypeScript 开发环境搭建


1.下载Node.js


大家可以去node.js的官网下载node.js ==> node.js官网


2.安装Node.js


3.使用npm全局安装typescript

1. 进入命令行
2. 输入:npm i -g typescript


4.创建一个ts文件


4130e5588e7b4d36966320f6e5105396.png

0dd6da07ebde490293dd3983e883b1fd.png



5.使用tsc对ts文件进行编译


1. 进入命令行  
 2. 进入ts文件所在目录
 3. 执行命令:tsc xxx.ts


6a8cd0c2c7194efdbe7730df622345e9.png

71b0a07fc1b84ebc908cfd20e085502e.png

922e1677451c4a5296ac58dce2913054.png



到这里我们可以发现,我们已经将ts文件编译出来了,自动生成了ts文件


小结


我对于ts的理解就是,ts其实就是严格版本的js,在我们日常开发中,js代码虽然书写方便,但是代码存在不严谨的情况,ts很好的解决了这个问题,这仅仅是第一篇文章,相信好多小伙伴们对ts的好处还没有充分的了解,关注我的专栏,慢慢让大家对ts有更深刻的见识。



相关文章
|
11天前
|
JavaScript 前端开发 安全
TypeScript基础知识点
TypeScript基础知识点
33 0
|
10月前
|
JavaScript 前端开发 编译器
TypeScript:熟练掌握TypeScript(四)
TypeScript:熟练掌握TypeScript(四)
77 0
|
10月前
|
JavaScript 前端开发 Java
TypeScript:熟练掌握TypeScript(三)
TypeScript:熟练掌握TypeScript(三)
110 0
|
4天前
|
JavaScript 安全 前端开发
【TypeScript技术专栏】TypeScript泛型编程技巧
【4月更文挑战第30天】TypeScript的泛型编程允许编写适应多种数据类型的函数和类,提高代码复用性。基本概念包括在声明函数、接口或类时使用类型参数。示例:泛型函数`identity<T>`、泛型接口`GenericIdentityFn<T>`和泛型类`GenericNumber<T>`。技巧包括类型推断、泛型约束和泛型数组。在实际开发中,泛型用于创建通用库、装饰器和中间件,提升代码灵活性和复用性。
|
4天前
|
缓存 JavaScript 前端开发
【TypeScript技术专栏】TypeScript中的装饰器与元编程
【4月更文挑战第30天】TypeScript的装饰器是元编程工具,用于修改类、方法等行为。它们允许实现日志、权限控制、缓存等功能,支持类装饰器、方法装饰器等多种类型。装饰器借助JavaScript的Proxy和Reflection API实现,但过度使用可能造成复杂性。正确运用能提升代码质量,但需注意类型安全和维护性。
|
3月前
|
JavaScript 前端开发 编译器
10分钟让你吃透 《TypeScript》 函数
TypeScript提供了丰富的函数类型定义方式,可以对函数参数、返回值进行类型注解,从而提供了更为强大的类型检查。
|
4月前
|
JavaScript 前端开发 安全
一篇文章搞懂TypeScript
TypeScript 是 JavaScript 的超集,一方面给动态类型的 js 增加了类型校验,另一方面扩展了 js 的各种功能。
95 0
|
4月前
|
JavaScript 前端开发 安全
2020你应该知道的TypeScript学习路线【Typescript基础介绍】
2020你应该知道的TypeScript学习路线【Typescript基础介绍】
31 2
|
9月前
|
JavaScript 前端开发 Java
01-TypeScript开篇
01-TypeScript开篇
36 0
|
9月前
|
JavaScript 前端开发 Java
深入浅出 Typescript
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
102 2
深入浅出 Typescript