TypeScript
文章平均质量分 59
TypeScript入门
small_Axe
好咖啡要和朋友一起品尝,好东西也要和大家一起分享
展开
-
【TypeScript入门】基础(七):类型断言
类型断言类型断言(Type Assertion)可以用来手动指定一个值的类型。语法<值 as 类型> 或者 <类型>值在 tsx 语法(React 的 jsx 语法的 ts 版)中必须使用前者,即 值 as 类型。如 <Foo> 的语法在 tsx 中表示的是一个 ReactNode,在 ts 中除了表示类型断言之外,也可能是表示一个泛型。故建议大家在使用类型断言时,统一使用 值 as 类型 这样的语法。类型断言的作用类型断言的常见用途有以下几种:将一个原创 2022-04-06 14:27:54 · 1107 阅读 · 0 评论 -
【TypeScript入门】基础(六): 函数类型
函数类型函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression)// 函数声明function sum(x, y) { return x + y;}// 函数表达式let newSum = function(x, y) { return x + y;}一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明类型的定原创 2022-04-03 08:30:00 · 160 阅读 · 0 评论 -
【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原创 2022-04-02 09:00:00 · 554 阅读 · 0 评论 -
【TypeScript入门】基础(四): 接口定义对象的类型
对象的类型——接口在 TypeScript 中,我们使用接口(Interfaces)来定义对象的类型。什么是接口在面向对象语言中,接口(Interfaces)是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类(class)去实现(implement)。typeScript 中的接口是一个非常灵活的概念,除了可用于对类的一部分行为进行抽象以外,也常用于对「对象的形状(Shape)」进行描述。简单的例子interface Person { name: string, age: nu原创 2022-04-01 08:41:45 · 623 阅读 · 0 评论 -
【TypeScript入门】基础(三):类型推论和联合类型
类型推论如果没有明确的指定类型,那么 TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型。什么是类型推论以下代码虽然没有指定类型,但是会在编译的时候报错:let myName = 'seven';myName = 7;// Type 'number' is not assignable to type 'string'.事实上,它等价于:let myName: string = 'seven';myName = 7;TypeScript 会在没原创 2022-03-31 08:39:59 · 96 阅读 · 0 评论 -
【TypeScript入门】基础(二):任意值
任意值任意值(Any)用来表示允许赋值为任意类型。什么是任意值类型在 TS 中,如果是一个普通类型,在赋值过程中改变类型是不被允许的:let myName: string = 'Tom';myName = 12;// Type 'number' is not assignable to type 'string'.但如果 myName 是 any 类型,则允许被赋值为任意类型。任意值的属性和方法在任意值上访问任何属性都是允许的:let anyThing: any = "hello wo原创 2022-03-30 08:53:03 · 1451 阅读 · 0 评论 -
【TypeScript入门】基础(一):基本数据类型
原始数据类型JavaScript 的类型分为两种:原始数据类型(Primitive data types)和对象类型(Object types)。原始数据类型包括:boolean、number、string、null、undefined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt。本节主要介绍前物种基本类型在 TypeScript 中的应用。布尔值布尔值是最基础的数据类型,在 Ts 中,使用 boolean 定义布尔值类型:let isDone: boolea原创 2022-03-29 11:47:50 · 1308 阅读 · 0 评论