Raccon_的博客

TypeScript数据类型布尔类型(boolean)const flag:boolean = true数字类型(number)const num:number = 1字符串类型(string)const str:srting = 'hello ts'数组类型(array)const arr:number[] = [1,2,3]const arr:string[] = ["php","js","golang"]const arr:Array<number>

TypeScript函数声明声明方式一function run():string{ return 'run';}return的数据类型必须是声明的类型声明方式二var fun2=function():number{ return 123;}函数传参function getInfo(name:string,age:number):string{ return `${name}---${age}`}可选参数可选参数必须配置到参数的最后面function getInfo

TypeScript类class Person { name:string constructor(name:string) { //构造函数 实例化类的时候的触发的方法 this.name = name } getName() { return this.name }}var p = new Person('张三')alert(p.getName())类的修饰符定义的属性需要提前声明属性的类型 前面还需要添加修饰符public :公有

TypeScript接口接口的作用:在面向对象的编程中，接口是一种规范的定义，他定义了行为和动作的规范，在程序设计里，接口起到定义标准的作用对象属性接口interface FullName{ firstName:string; //必须以分号结束 secondName:string;}function printName(name:FullName){ // 必须传入对象 对象中包含firstName secondName console.log(name.firstName+n

TypeScript泛型使用泛型来创建可重用的组件，一个组件可以支持多种类型的数据泛型就是解决类 接口 方法的复用性，以及对不特定数据类型的支持泛型可以解决any类型放弃类型检查的问题 使传入的参数类型和返回的参数类型一致函数的泛型// T 表示泛型 具体什么类型是调用这个方法的时候决定的function getData<T>(value:T):T{ return value;}getData<number>(123);getData<string&

笔记

TypeScript模块化TS中的模块分为外部模块和内部模块内部模块称为命名空间内部模块，主要用于组织代码，避免命名冲突外部模块简称为模块侧重代码的复用 一个模块里可能有多个命名空间模块在自身的作用域里执行，而不是在全局作用域里 这意味着定义在一个模块里的变量，函数，类等等在模块外部是不可见的，可以通过export暴露 再通过import引入导入导出与ES Module相同export default 默认导出每个模块都可以有一个且只能有一个defalut导出import 导入

TypeScript装饰器装饰器是一种特殊类型的声明，他能被附加到类声明，方法属性或参数上，可以修改类的行为本质上就是一个方法，可以注入到类、方法、属性参数上来拓展类、属性、方法、参数的功能常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器装饰器的写法：普通装饰器（无法传参）、装饰器工厂（可传参）类装饰器类装饰器在类声明之前被声明（紧靠着类声明）类装饰器应用于类构造函数，用来监视，修改或替换类定义参数1：为装饰器装饰的构造函数function logClass(para

类型编程是对类型参数（泛型）做一系列运算之后返回新的类型，也叫类型体操。类型体操可以实现很多复杂的逻辑，学习起来也有一定的难度，但是掌握一些套路之后也能快速掌握。这些套路里面最常用的就是模式匹配了，类似字符串匹配和提取子串，类型也可以通过extends对类型参数做匹配，把需要提取的部分保存到通过infer声明的局部类型变量里。类型参数的模式匹配的套路在字符串类型、数组类型、函数类型等都有大量的应用，掌握这一个套路可以提升一大截类型体操的水平。

笔记

笔记

笔记

笔记

笔记