TS - 随笔分类 - 萬事順意

TS — 在React中使用TS（基础使用）

摘要：在 React 中使用 TypeScript（TS）是一种很常见的做法，因为 TypeScript 提供了静态类型检查和其他一些有用的功能，可以帮助您更好地开发和维护 React 应用。 1.原始组件： // SimpleComponent.js import React from 'react'; 阅读全文

posted @ 2024-05-08 09:49 萬事順意阅读(554) 评论(0) 推荐(0)

TS — 类型推论和兼容性

摘要：一、类型推论的原理 1.基于初始化值： TypeScript编译器会根据变量的初始化值推断其类型： let x = 10; // 推断 x 的类型为 number let y = 'hello'; // 推断 y 的类型为 string 2.基于上下文：如果无法根据初始化值推断类型，编译器会根据变阅读全文

posted @ 2024-04-22 09:30 萬事順意阅读(103) 评论(0) 推荐(0)

TS — 接口

摘要：TS接口通常指的是TypeScript接口，它是TypeScript中用来描述对象的形状的一种方式。接口可以定义对象的结构，包括属性、方法和方法的参数类型以及返回值类型。 1.定义接口： interface Person { name: string; age: number; greet(): v 阅读全文

posted @ 2024-04-18 19:31 萬事順意阅读(525) 评论(0) 推荐(0)

TS — 枚举（详解）

摘要：在 TypeScript 中，枚举（Enum）是一种数据类型，用于定义一组命名的常量值。枚举可以帮助开发者更清晰地表达意图，提高代码的可读性和可维护性。 1. 枚举的基本语法： enum Direction { Up, Down, Left, Right, } //Direction 枚举定义了四个阅读全文

posted @ 2024-04-17 11:08 萬事順意阅读(4663) 评论(0) 推荐(0)

TS — 泛型

摘要：泛型（Generics）是 TypeScript 中的一个重要特性，它允许在定义函数、类或接口时使用参数类型的占位符，从而增加代码的灵活性和复用性。 1. 泛型函数泛型函数允许在函数定义时使用类型参数，这些类型参数可以在函数体内使用，从而使函数可以处理多种类型的数据： function ident 阅读全文

posted @ 2024-04-16 14:29 萬事順意阅读(2715) 评论(0) 推荐(0)

TS — 类（详解）

摘要：在 TypeScript 中，类是面向对象编程的基本概念之一，它允许你使用面向对象的方式组织和管理代码。 1. 类的基本定义在 TypeScript 中，类通过 class 关键字来定义。 class Person { name: string; age: number; constructor( 阅读全文

posted @ 2024-04-15 16:17 萬事順意阅读(746) 评论(0) 推荐(0)

TS — 函数的一些常见用法和特性

摘要：1.函数声明： TypeScript 中的函数可以通过函数声明或函数表达式进行定义： function add(x: number, y: number): number { return x + y; } 2.函数表达式：函数表达式允许你将函数赋值给变量，或将其作为参数传递给其他函数： cons 阅读全文

posted @ 2024-04-12 14:52 萬事順意阅读(258) 评论(0) 推荐(0)

TS — Symbol详解

摘要：symbol 是 TypeScript 中的基本数据类型之一，用于表示唯一的标识符。每个通过 Symbol() 构造函数创建的 symbol 值都是独一无二的，并且不可变。 1.创建 symbol：可以使用 Symbol() 构造函数来创建一个新的 symbol 值： let sym1 = Sym 阅读全文

posted @ 2024-04-07 17:19 萬事順意阅读(698) 评论(0) 推荐(0)

TS（TypeScript）— 数据类型

摘要：1.基本数据类型： number: 表示数值类型，包括整数和浮点数。 //数值类型 let num : number = 123 num= 0B1111011 //二进制 num= 0XA //十六进制 num= 0o173 //八进制 num= 123.456 num= Infinity num= 阅读全文

posted @ 2024-04-07 17:14 萬事順意阅读(1977) 评论(0) 推荐(0)

TS（TypeScript）— 搭建开发环境

摘要：1.创建pakeage.json npm init //自选参数npm init -y //默认参数 2.构造目录安装ts开发依赖 npm install typescript tslint -g 创建功能文件夹初始化ts（安装typescript就可以使用tsc命令）生成tsconfig.js 阅读全文

posted @ 2024-04-03 09:24 萬事順意阅读(574) 评论(0) 推荐(0)

随笔分类 - TS