一文让你搞懂什么是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有更深刻的见识。



相关文章
|
8月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
69 3
|
8月前
|
JavaScript 前端开发 安全
TypeScript基础知识点
TypeScript基础知识点
102 0
|
JavaScript 前端开发 编译器
写给自己的TypeScript 入门小纲
写给自己的TypeScript 入门小纲
35 0
|
8月前
|
JavaScript 安全 前端开发
【TypeScript技术专栏】TypeScript泛型编程技巧
【4月更文挑战第30天】TypeScript的泛型编程允许编写适应多种数据类型的函数和类,提高代码复用性。基本概念包括在声明函数、接口或类时使用类型参数。示例:泛型函数`identity<T>`、泛型接口`GenericIdentityFn<T>`和泛型类`GenericNumber<T>`。技巧包括类型推断、泛型约束和泛型数组。在实际开发中,泛型用于创建通用库、装饰器和中间件,提升代码灵活性和复用性。
43 0
|
8月前
|
JavaScript 前端开发 开发者
【TypeScript技术专栏】TypeScript类型系统与接口详解
【4月更文挑战第30天】TypeScript扩展JavaScript,引入静态类型检查以减少错误。其类型系统包括基本类型、数组等,而接口是定义对象结构的机制。接口描述对象外形,不涉及实现,可用于规定对象属性和方法。通过声明、实现接口,以及利用可选、只读属性,接口继承和合并,TypeScript增强了代码的健壮性和维护性。学习和掌握TypeScript的接口对于大型项目开发至关重要。
61 0
|
8月前
|
JavaScript 前端开发 安全
2020你应该知道的TypeScript学习路线【Typescript基础介绍】
2020你应该知道的TypeScript学习路线【Typescript基础介绍】
79 2
|
8月前
|
JavaScript 前端开发 编译器
10分钟让你吃透 《TypeScript》 函数
TypeScript提供了丰富的函数类型定义方式,可以对函数参数、返回值进行类型注解,从而提供了更为强大的类型检查。
|
8月前
|
JavaScript 前端开发 安全
一篇文章搞懂TypeScript
TypeScript 是 JavaScript 的超集,一方面给动态类型的 js 增加了类型校验,另一方面扩展了 js 的各种功能。
128 0
|
8月前
|
JavaScript 前端开发
TypeScript入门视频2h(上)
TypeScript入门视频2h
94 0
|
JavaScript 前端开发 Java
深入浅出 Typescript
TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准(ES6 教程)。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用,它可以编译成纯 JavaScript,编译出来的 JavaScript 可以运行在任何浏览器上。
146 2
深入浅出 Typescript