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


相关文章
|
7月前
|
JavaScript 前端开发 安全
TypeScript五
TypeScript是面向对象的JavaScript超集,支持类、接口等OOP特性。类通过`class`定义,包括字段、构造函数和方法。例如,`Car`类有`engine`字段、构造函数和`disp`方法。类间可实现继承,如`Circle`继承`Shape`。TypeScript不支持多重继承,但允许多重继承链。`static`关键字定义静态成员,`instanceof`检查对象类型,访问控制修饰符(public, protected, private)管理访问权限。类能实现接口,如`AgriLoan`实现`ILoan`。 TypeScript对象是类型实例,
|
2月前
|
JavaScript 安全
TypeScript使用真的很麻烦吗?
TypeScript使用真的很麻烦吗?
30 3
|
7月前
|
存储 JavaScript
TypeScript三
在 TypeScript 中,数组可以通过类型定义,如 `number[]` 或 `string[]`。示例展示了数字和字符串数组的声明与访问。数组解构允许将数组元素赋值给多个变量。通过 `for...in` 循环可遍历数组。多维数组如 `number[][]` 存储嵌套数组。数组方法包括:`concat()` 连接数组,`every()` 检查所有元素是否满足条件,`filter()` 过滤符合条件的元素,`forEach()` 对每个元素执行回调,`indexOf()` 查找元素位置,`join()` 将数组转为字符串,`map()` 应用函数于每个元素并返回新数组
|
JavaScript
【TypeScript理解】
【TypeScript理解】
|
JavaScript 前端开发 数据库
TypeScript 期中考试现在开始
相信这段时间来,对 TypeScript 感兴趣的小伙伴们已经把这个神器给系统的学习了一遍了吧。如果计划开始学习但是还没有开始,或者没有找到资料的同学,可以看下我在之前文章中 前端进阶指南[1] 找一下 TypeScript 部分的教程,自行学习。
|
JavaScript
初识 TypeScript 一。
初识 TypeScript 一。
初识 TypeScript 一。
|
JavaScript 前端开发
初识 TypeScript 二。
初识 TypeScript 二。
初识 TypeScript 二。
|
JavaScript 前端开发 开发工具
TypeScript初识
TypeScript初识
151 0