TS看这一篇就够了看不懂我就变成一只鸡

最新推荐文章于 2025-03-02 15:37:59 发布

原创最新推荐文章于 2025-03-02 15:37:59 发布 · 377 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #typescript

本文介绍了TypeScript（TS）的基本概念和使用步骤，包括安装、组件中的类型声明、函数类型、接口（Interface）、内置类型、类型推断以及泛型的运用。特别提到了any、void和undefined等特殊类型，并阐述了泛型在参数约束和返回类型中的作用。

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

TS从入门变大神

前言
一、TS？
二、使用步骤
- 1.安装
2.使用
3.泛型

前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、TS？

示例：JS进化之后

二、使用步骤

1.安装

代码如下（示例）：
一般我在npm create vite里面选择ts

2.使用

2.1 组件中使用

定义的时候声明类型

	一般有字符串 数字 和布尔
	1.还有boolean  undefined null void
	2.undefined 定义了只能返回undefined
	3.void 是不返回的意思
  还有一个any类型  万物皆可用

在这里插入图片描述

2.2 函数类型

括号后面的类型是函数返回的类型

在这里插入图片描述

2.3interface接口

在这里插入图片描述

2.3.1交叉类型连字符号

在这里插入图片描述

区别

在这里插入图片描述

2.4 type字面量用来固定值的类型

在这里插入图片描述

2.4TS 内置类型

在这里插入图片描述

2.TS 内置类型

在这里插入图片描述

2.5 类型推断

大部分情况可以 自己推断出类型

在这里插入图片描述

3.泛型

在这里插入图片描述

传入什么参数返回什么参数
在这里插入图片描述
多个泛型

约束泛型

提示：变身
🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔🐔

TS看这一篇就够了 看不懂我就变成一只鸡

TS从入门变大神

前言

一、TS？

二、使用步骤

1.安装

2.使用

2.1 组件中使用

2.2 函数类型

2.3interface接口

2.3.1交叉 类型 连字符号

区别

2.4 type字面量 用来固定值的类型

2.4TS 内置类型

2.TS 内置类型

2.5 类型推断

3.泛型

TS看这一篇就够了看不懂我就变成一只鸡

2.3.1交叉类型连字符号

2.4 type字面量用来固定值的类型