首页 前端知识 一文让你搞懂什么是TypeScript

一文让你搞懂什么是TypeScript

2024-05-24 08:05:09 前端知识 前端哥 758 447 我要收藏

目录

  • TypeScript是什么
  • TypeScript简介
  • TypeScript增加了什么?
  • TypeScript 开发环境搭建
  • 小结

博主最近进入了typescript的学习,因此创建一个专栏,专门给大家分享一下自己在学习ts的一些知识总结和一些自己的感悟:
专栏 ===>🌈 typescript入门到拔高🌈

TypeScript是什么

在这里插入图片描述

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增加了什么?

在这里插入图片描述

TypeScript 开发环境搭建

  1. 下载Node.js

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

  1. 安装Node.js

  2. 使用npm全局安装typescript

    1. 进入命令行
    2. 输入:npm i -g typescript
    
  3. 创建一个ts文件
    在这里插入图片描述
    在这里插入图片描述

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

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

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
到这里我们可以发现,我们已经将ts文件编译出来了,自动生成了ts文件

小结

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9315.html
标签
评论
发布的文章

用JS生成本周日期代码

2024-04-18 17:04:15

js 递归函数

2024-05-31 10:05:46

jQuery是什么?如何使用?

2024-03-12 01:03:24

js延迟加载的六种方式

2024-05-30 10:05:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!