TypeScript初级:定义与优缺点以及安装与运行

TypeScript是由微软开发的静态类型编程语言,它是JavaScript的超集,提供编译时的类型检查。优点包括增强代码质量,可读性和可维护性,支持ES6规范;缺点则包括学习曲线和额外的开发成本。安装TypeScript可通过npm全局安装,运行可以通过tsc命令编译或使用ts-node直接运行ts文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.定义

  1. Typescript 由微软开发的自由和开源的编程语言。
  2. TypeScript 是一门静态类型、弱类型的语言
  3. TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目
  4. TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。
  5. TypeScript 可以和 JavaScript 共存,这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。
  6. TypeScript 与标准同步发展,符合最新的 ECMAScript 标准(stage 3)。

2.TypeScript的优缺点

 优点:

  1. 增强代码的可读性和可维护性,强类型的系统相当于最好的文档,在编译时即可发现大部分的错误,增强编辑器的功能。
  2. 包容性,js文件可以直接改成 ts 文件,不定义类型可自动推论类型,可以定义几乎一切类型,ts 编译报错时也可以生成 js 文件,兼容第三方库,即使不是用ts编写的
  3. 有活跃的社区,大多数的第三方库都可提供给 ts 的类型定义文件,完全支持 es6 规范

缺点:

  1. 增加学习成本,需要理解接口(Interfaces)和泛型(Generics),类(class),枚举类型(Enums)
  2. 短期增加开发成本,增加类型定义,但减少维护成本
  3. ts 集成到构建流程需要一定的工作量
  4. 和有些库结合时不是很完美

3.TS和JS的区别

  1. TypeScript是JavaScript 的超集,扩展了JavaScript的语法,因此现有的JavaScript代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
  2. TypeScript可处理已有的JavaScript代码,并只对其中的TypeScript代码进行编译。
  3. TypeScript可以构建大型程序,并在任何浏览器、任何计算机和任何操作系统上运行,且是开源的。

4.TypeScript 的安装与运行

4.1TS安装

(1)安装node.js(10以上的版本都可以)

(2)控制台:npm i -g typescript

(3)查看TypeScript的版本:tsc -v

(4)创建tsconfig.js文件:tsc --init

4.2TS运行

运行方式一:

(1)创建app.ts文件

(2)进入app.ts文件所在目录,执行命令:tsc app.ts

(3)运行:node app.js

运行方式二(直接运行):

(1)安装全局的ts-node模块 :npm install -g ts-node

(2)运行ts文件:ts-node app.ts

自动编译:

(1)终端 -> 运行任务 -> 选择里面的tsc:监视

使用tsconfig进行构建:

(1)tsc --build tsconfig.json

什么是TypeScriptTypeScriptJavaScript的加强版,它给JavaScript添加了可选的静态类型和基于类的面向对象编程,它拓展了JavaScript的语法。不过,你不必担心TypeScript跟浏览器不兼容,因为在编译时,它产生的都是JavaScript代码。为什么要学TypeScritpt?TypeScript是一门很有前景和钱景的语言;它能大幅的提高工作效率,并且减少错误;这堂课我们能学到什么?随着前端行业越来越受到重视,前端的逻辑也越来越复杂,对前端从业者的职业要求也越来越高,Vue、Angular、React和一些新的框架层出不穷,而作为Angular等框架的推荐语言TypeScript也在市场中得到了认可和追捧,不管是前端、还是游戏引擎、以及一些大型项目开发都中开始展露头角。但是这方面学习资源相对较少。课程特点:本堂课程通过深入浅出的讲解,幽默风趣的风格; 让大家在3个小时的课程中能够掌握大部分TypeScript的核心知识; 同时能够使用TypeScript进行React等框架的项目开发; 为大家的学习和在工作中使用TypeScript打下坚实的基础。课程大纲:1.TS的初步配置2.TS 数据类型 any 枚举3.函数的参数和返回值类型4.类非常重要 非常重要5.静态类属性和方法 Math6.泛型7.模块化 systemjs8.项目TS+react+webpack结合的工作流应类型管理 js->tsx 2.0如何用TS开发react->TSX(难点->官网 项目)工作流 package.json -> npm start npm run build 适用人群:1.Typescript零基础想掌握ts正确学习姿势和入门的初学者2.经验丰富的jser想拓宽自己知识掌握ES6和ES7新功能的从业者3.想在工作和项目中使用ts结合VAR框架的人员4.有志于成为全栈开发人员却苦于无法入门后端和跟后端沟通不畅的开发者5.想深入了解和使用angular的人员
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值