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')


相关文章
|
8月前
|
JavaScript 前端开发 安全
TypeScript五
TypeScript是面向对象的JavaScript超集,支持类、接口等OOP特性。类通过`class`定义,包括字段、构造函数和方法。例如,`Car`类有`engine`字段、构造函数和`disp`方法。类间可实现继承,如`Circle`继承`Shape`。TypeScript不支持多重继承,但允许多重继承链。`static`关键字定义静态成员,`instanceof`检查对象类型,访问控制修饰符(public, protected, private)管理访问权限。类能实现接口,如`AgriLoan`实现`ILoan`。 TypeScript对象是类型实例,
|
8月前
|
存储 JavaScript
TypeScript三
在 TypeScript 中,数组可以通过类型定义,如 `number[]` 或 `string[]`。示例展示了数字和字符串数组的声明与访问。数组解构允许将数组元素赋值给多个变量。通过 `for...in` 循环可遍历数组。多维数组如 `number[][]` 存储嵌套数组。数组方法包括:`concat()` 连接数组,`every()` 检查所有元素是否满足条件,`filter()` 过滤符合条件的元素,`forEach()` 对每个元素执行回调,`indexOf()` 查找元素位置,`join()` 将数组转为字符串,`map()` 应用函数于每个元素并返回新数组
|
7月前
|
自然语言处理 JavaScript
typescript let
typescript let
|
8月前
|
JavaScript 前端开发
TypeScript二
JavaScript Number对象包含多种方法,如`toExponential()`将数值转化为指数形式,`toFixed()`保留指定位数的小数,`toLocaleString()`按本地格式显示数字,`toPrecision()`格式化数字到指定长度,`toString()`以指定基数表示数字,而`valueOf()`返回原始数值。此外,示例中还展示了Date对象的格式化方法。对于String对象,有`constructor`返回创建对象的函数,`length`获取字符串长度,`prototype`用于扩展对象,以及一系列如`charAt()`、`indexOf()
|
JavaScript 前端开发 编译器
30分钟速成TypeScript
30分钟速成TypeScript
101 0
|
JavaScript
【TypeScript理解】
【TypeScript理解】
|
JavaScript 前端开发 编译器
TypeScript使用技巧
TypeScript使用技巧
71 0
|
JavaScript 前端开发 安全
快速了解 TypeScript
快速了解 TypeScript
|
JSON JavaScript 前端开发
Typescript知识总结(1)
Typescript知识总结(1)
Typescript知识总结(1)