首页 > 其他分享 >TypeScript介绍

TypeScript介绍

时间:2022-10-08 11:14:50浏览次数:55  
标签:TypeScript 代码 TS 介绍 JS 类型 Bug

1. TypeScript 是什么 ?

TypeScript ( 简称: TS ) 是 JavaScript 的超集 (JS 有的 TS 都有)

TypeScript = Type + JavaScript ( 在 JS 基础之上, 为 JS 添加了类型支持 )

从编程语言的动静来区分,TypeScript 属于静态类型的编程语言,JS 属于动态类型的编程语言。
静态类型:编译期做类型检查;   动态类型:执行期做类型检查。
代码编译和代码执行的顺序: 1编译  2执行。

2. TypeScript 为什么要为 JS 添加类型支持 ?

对于JS来说:需要等到代码真正去执行的时候才能发现错误(晚)。
对于TS来说:在代码编译的时候(代码执行前)就可以发现错误(早)。
并且,配合VSCode等开发工具, TS可以提前到在编写代码的同时就发现代码中的错误,减少找Bug、改Bug时间。

 3. TS 相比 JS 的优势

1. 更早(写代码的同时)发现错误,减少找Bug、改Bug时间,提升开发效率。
2.程序中任何位置 的代码都有代码提示,随时随地的安全感,增强了开发体验。
3.强 大的类型系统提升了代码的可维护性,使得重构代码更加容易。
4.支持最新的 ECMAScript语法,优先体验最新的语法,让你走在前端技术的最前沿。
5. TS类型推断机制,不需要在代码中的每个地方都显示标注类型,让你在享受优势的同时,尽量降低了成本。

 

除此之外,Vue 3源码使用TS重写、Angular默认支持TS、React与 TS完美配合, TypeScript 已成为大中型前端项
目的首先编程语言。

4. TS 全局安装命令

npm i -g typescript

 

 安装完成后输入 tsc -v 查看是否安装成功

 

标签:TypeScript,代码,TS,介绍,JS,类型,Bug
From: https://www.cnblogs.com/wqddmg/p/16768254.html

相关文章

  • 自我介绍
    1自我介绍面试官你好,我叫朱啸毅,到目前为止在我在一家公司有一年的java后端开发经验,在公司参与过一个比较大型的项目,并在此期间熟练的掌握了java基础,MySQL,JVM,Spring全家桶......
  • 数据结构和算法介绍
     1.什么是数据结构和算法呢?   2.什么是数据结构   图书摆放规则  常见的数据结构     3.什么是算法?     补充 ......
  • xlwings操作Excel介绍
    xlwings详细使用在我们操作之前可以先了解下,如下内容:新建:创建一个不存在的工作薄或者工作表打开:打开一个已经存在的工作薄引用:就是告诉程序,你要操作哪个对象。比如你......
  • [Typescript] 45. Medium - MinusOne (Solution to solve max number of iteration by
    Justforfun...Givenanumber(alwayspositive)asatype.Yourtypeshouldreturnthenumberdecreasedbyone.Forexample:typeZero=MinusOne<1>//0type......
  • 自我介绍及课程展望
    这个作业属于哪个课程22软件基础这个作业的目标自我介绍及课程展望姓名-学号<王子坚>-<2020330301118>一.自我介绍我是浙江理工大学信息科学与工程学......
  • 自我介绍及课程展望
    软件技术基础https://edu.cnblogs.com/campus/zjlg/22rjjc/homework/12841这个作业的目标自我介绍及课程展望姓名-学号余梦涛-2020327100058一、自我介......
  • jira项目笔记14-TypeScript vs JavaScript
    TypeScriptvsJavaScriptTypeScript是“强类型”版的JavaScript,当我们在代码中定义变量(包括普通变量、函数、组件、hook等)的时候,TypeScript允许我们在定义的同......
  • jira项目笔记15-TypeScript 的类型
    TypeScript的类型 8种类型:number,string,boolean,函数,array,any,void,object这一节我们接触到了平常使用中会接触到的大部分的类型,下面我们挨个梳理一遍:numbe......
  • 【译】适用于Node.js和TypeScript的完整ORM —— Prisma
    翻译自:www.prisma.io/blogPrisma是Node.js和TypeScript的下一代ORM。经过两年多的开发,我们很高兴分享所有Prisma工具已准备好投入生产!一个对象关系映射的新范例Prism......
  • [Typescript + React] Tip: Use generics in React to make dynamic and flexible com
    YoucanusegenericsinReacttomakeincrediblydynamic,flexiblecomponents.Here,ImakeaTablecomponentwithageneric'items'type.interfaceTableProp......