1.初识typescript

在很多地方的示例代码中使用的都是ts而不是js,为了使用那些示例,学习ts还是有必要的

JS有的TS都有,JS与TS的关系很像css与less

ts在运行前需要先编译为js,浏览器不能直接运行ts

目录

[1 编译TS的工具包](#1 编译TS的工具包)

[1.1 安装](#1.1 安装)

[1.2 基本使用](#1.2 基本使用)

[2 可以直接在node上运行ts](#2 可以直接在node上运行ts)

[2.1 安装](#2.1 安装)

[2.2 使用](#2.2 使用)

[3 变量类型](#3 变量类型)

[4 基本使用](#4 基本使用)

[5 常用类型](#5 常用类型)

[6 原始类型的注解基本使用](#6 原始类型的注解基本使用)


1 编译TS的工具包

1.1 安装

  • -g是全局安装,所以目录无所谓

可以通过 tsc -v 查看typescript的版本

1.2 基本使用

就是创建一个普通的文件,然后最后是尾缀是ts就行。由于js的东西在ts中全都能用,我们这里直接写js代码

之后我们在ts代码的路径中输入 tsc ts文件名 就可以得到转换好的css

2 可以直接在node上运行ts

原理上还是先把ts搞成js然后再运行js

2.1 安装

2.2 使用

3 变量类型

typescript以type命名,自然在类型会有所考究,我们在js中可以进行变量类型的转换

在typescript中,变量类型的转换是不被允许的

4 基本使用

我们可以通过类型注解对变量的类型进行约束,这个就很像C语音的变量声明方式,我们下面做个例子

下面就是将a约束为数字类型

约束的时候不能类型不符,比如下面这样

5 常用类型

ts中的类型包含js的类型与ts新增的类型

js已有的常用类型有

  • number
  • string
  • boolean
  • null
  • undefined
  • symbol
  • object

ts新增的常用类型有

  • 联合类型
  • 自定义类型(类型别名)
  • 接口
  • 元组
  • 字面量类型
  • 枚举
  • void
  • any

6 原始类型的注解基本使用

数组,对象,函数这些都属于object,在ts中可以对object的子项进行细化

相关推荐
qq_5896660512 小时前
TypeScript 完整入门教程
前端·javascript·typescript
用户0595401744615 小时前
LLM对话记忆测试踩坑实录:手工回归30分钟,自动化后2分钟发现3个隐藏Bug
前端·css
Ashley的成长之路17 小时前
前端性能优化实战手册·第2篇:资源加载策略全解
前端·性能优化·资源加载·http/3·性能优化实战·资源加载优化
浅水壁虎17 小时前
vue基础(第二章 )
前端·javascript·vue.js
界面开发小八哥17 小时前
界面控件DevExtreme v26.1新版亮点——支持Angular 22
前端·javascript·angular.js·devexpress·ui开发·devextreme
Getflare17 小时前
前端 + UI 设计 + AI:这不是三个工种,是一个新三角能力模型(附自检清单)
前端·人工智能·ui
oil欧哟17 小时前
我做了一个 Vibe Coding 术语学习站:VibeHub
前端·ai·agent·独立开发·vibe coding
审小匠OpenCPAi18 小时前
银行流水核查怎么自动化?单边匹配、双向勾稽与图聚类异常检测的工程对比
java·前端·人工智能·python·审计
Revolution6118 小时前
一个公共表格组件,是怎么一步步失控的
前端·前端工程化