TypeScript

简介: TypeScript是JavaScript的一个超集,简称ts,ts是能够完全兼容js的ts是一门静态类型的语言,js是动态类型的语言

一、什么是TypeScript


       TypeScript是JavaScript的一个超集,简称ts,ts是能够完全兼容js的


       ts是一门静态类型的语言,js是动态类型的语言


静态类型和动态类型的语言


       静态类型:有类型检查,语法结构比较严谨(Java,C)需要编译才可以运行


       动态类型:灵活、方便(JS、Python)


安装TS

下载TS
npm i -g typescript
检查安装
tsc -v
编译ts文件
tsc 文件路径
编译到指定文佳夹
tsc  --outddir ts ts文件所在目录 编译到的指定目录
监听文件变化
tsc --watch --outdir ts文件所在目录 编译到的指定目录

tsconfig.json 配置文件

二、TS中的数据类型


基本数据类型:

    字符串(string)


       数字(number)


       布尔(boolean)


       null 类型


       undefined 类型


       any 类型


       void 类型


       unknow 未知类型


TS中的变量类型

五个基本数据类型(number、string、boolean、undefined、null)

TS新增的数据类型(never、unknown、void、enum、联合类型和交叉类型、Tuple、any、string[])


any 和 unknown的区别

any是任意类型、具有属性和方法

unknown是未知类型,是有类型的,不具有属性和方法


unknow和null的区别

// unknow:未知类型
// unhknow:未知类型,可以接收unknow 和 any作为unknow类型的值
// unknow类型的变量,是没有任何方法的
// any:任意类型
// any:任意类型,可以接收任何类型作为any英型的值
// any类型的变量,是有方法的

类型断言

断言:确定以及肯定

语法:值 as 类型 或 <类型>值

let str: boolean | string;
(str as string).indexOf('1')


相关文章
|
6天前
|
JavaScript 前端开发 安全
TypeScript五
TypeScript是面向对象的JavaScript超集,支持类、接口等OOP特性。类通过`class`定义,包括字段、构造函数和方法。例如,`Car`类有`engine`字段、构造函数和`disp`方法。类间可实现继承,如`Circle`继承`Shape`。TypeScript不支持多重继承,但允许多重继承链。`static`关键字定义静态成员,`instanceof`检查对象类型,访问控制修饰符(public, protected, private)管理访问权限。类能实现接口,如`AgriLoan`实现`ILoan`。 TypeScript对象是类型实例,
|
6天前
|
JavaScript 前端开发
TypeScript二
JavaScript Number对象包含多种方法,如`toExponential()`将数值转化为指数形式,`toFixed()`保留指定位数的小数,`toLocaleString()`按本地格式显示数字,`toPrecision()`格式化数字到指定长度,`toString()`以指定基数表示数字,而`valueOf()`返回原始数值。此外,示例中还展示了Date对象的格式化方法。对于String对象,有`constructor`返回创建对象的函数,`length`获取字符串长度,`prototype`用于扩展对象,以及一系列如`charAt()`、`indexOf()
|
6天前
|
JavaScript 前端开发 开发者
TypeScript一
JavaScript开发迅速但维护成本高,适合小型项目,因其动态类型导致编辑器提示不全。TypeScript是JS超集,增加了类型系统,提高开发效率和代码质量。安装TypeScript需先安装Node.js,然后通过npm安装tsc。案例演示创建`.ts`文件,转换成`.js`并运行。TypeScript支持多种数据类型,如any、number、string等,并有严格变量声明和函数定义规则,包括函数重载和匿名函数。
|
7月前
|
JavaScript 前端开发 编译器
30分钟速成TypeScript
30分钟速成TypeScript
|
9月前
|
JavaScript 前端开发 编译器
TypeScript使用技巧
TypeScript使用技巧
44 0
|
JavaScript 前端开发 数据库
TypeScript 期中考试现在开始
相信这段时间来,对 TypeScript 感兴趣的小伙伴们已经把这个神器给系统的学习了一遍了吧。如果计划开始学习但是还没有开始,或者没有找到资料的同学,可以看下我在之前文章中 前端进阶指南[1] 找一下 TypeScript 部分的教程,自行学习。
|
JSON JavaScript 前端开发
Typescript知识总结(1)
Typescript知识总结(1)
Typescript知识总结(1)
|
JavaScript
初识 TypeScript 一。
初识 TypeScript 一。
初识 TypeScript 一。
|
JavaScript 前端开发 编译器
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript
【TypeScript】一文带你了解什么是TypeScript
typescript91-添加任务基本实现
typescript91-添加任务基本实现
68 0
typescript91-添加任务基本实现