houwhu的博客

类型断言 类型断言（Type Assertion）可以用来手动指定一个值的类型。 语法 <值 as 类型> 或者 <类型>值 在 tsx 语法（React 的 jsx 语法的 ts 版）中必须使用前者，即 值 as 类型。 如 <Foo> 的语法在 tsx 中表示的是一个 ReactNode，在 ts 中除了表示类型断言之外，也可能是表示一个泛型。 故建议大家在使用类型断言时，统一使用 值 as 类型 这样的语法。 类型断言的作用 类型断言的常见用途有以下几种： 将一个

函数类型 函数声明 在 JavaScript 中，有两种常见的定义函数的方式——函数声明（Function Declaration）和函数表达式（Function Expression） // 函数声明 function sum(x, y) { return x + y; } // 函数表达式 let newSum = function(x, y) { return x + y; } 一个函数有输入和输出，要在 TypeScript 中对其进行约束，需要把输入和输出都考虑到，其中函数声明类型的定

数组的类型 在 TypeScript 中，数组类型有多种定义方式。 类型+方括号 表示 最简单的方法就是使用 【类型 + 方括号】表示数组： let arr: number[] = [1, 2, 3]; 数组的项中不允许出现其他的类型： let arr: number[] = [1, 2, '3', 4]; // Type 'string' is not assignable to type 'number'. 数组的一些方法的参数也会根据数组在定义时约定的类型进行限制： let arr: numbe

对象的类型——接口 在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。 什么是接口 在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（class）去实现（implement）。 typeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。 简单的例子 interface Person { name: string, age: nu

类型推论 如果没有明确的指定类型，那么 TypeScript 会依照类型推论（Type Inference）的规则推断出一个类型。 什么是类型推论 以下代码虽然没有指定类型，但是会在编译的时候报错： let myName = 'seven'; myName = 7; // Type 'number' is not assignable to type 'string'. 事实上，它等价于： let myName: string = 'seven'; myName = 7; TypeScript 会在没

任意值 任意值（Any）用来表示允许赋值为任意类型。 什么是任意值类型 在 TS 中，如果是一个普通类型，在赋值过程中改变类型是不被允许的： let myName: string = 'Tom'; myName = 12; // Type 'number' is not assignable to type 'string'. 但如果 myName 是 any 类型，则允许被赋值为任意类型。 任意值的属性和方法 在任意值上访问任何属性都是允许的： let anyThing: any = "hello wo

原始数据类型 JavaScript 的类型分为两种：原始数据类型（Primitive data types）和对象类型（Object types）。 原始数据类型包括：boolean、number、string、null、undefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt。 本节主要介绍前物种基本类型在 TypeScript 中的应用。 布尔值 布尔值是最基础的数据类型，在 Ts 中，使用 boolean 定义布尔值类型： let isDone: boolea