unknown、never3、基础类型4、联合类型5、交叉类型6、type、typeof7、作用域

三、接口四、泛型五、enum六、断言七、工具1、模块2、namespace3、装饰器4、declare5、运算符6、映射类型7、类型工具8、语法注释9、tsconfig.json

TypeScript

的超集superset即它继承了后者的全部语法添加了一个独立的类型系统

一、类型

js的类型是动态的变量定义以后可以赋值另一个类型的值这导致了不确定性

let

sayHello(zhangsan)2、any、unknown、never

any类型

加了any类型感觉是回到了js当然一般的项目会限制使用any类型

let

any类型变量赋值给其他变量会导致其他变量也变成any类型//

不给变量定义类型那么等于any类型

string\number\boolean\null\undefined\symbol

let

错误不能将类型“String”分配给类型“string”。

//

大写Object除了null和undefined外Object包含其他所有类型

let

多个类型组合在一起的类型可以是不同类型的值也可以是同一类型的值

null

使用的时候需要类型缩小否则会报错也就是说类型范围的变化不会减少工作量

if(typeof

number){console.log(unionValue1.toFixed(2));

}5、交叉类型

简单说属性多\功能全的类型可以赋值给属性少的类型如果他们有父子关系但是反过来不行//

另外三种只读数组

规定了数组中每个元素的类型且元素的个数也做规定可选元素可以用?表示只能放在最后面

let

console.log(tupleLength1.length,

当元组长度固定几个选项

3){console.log(tupleLength2.length,

3){console.log(tupleLength2.length,

}//

age:number):void{console.log(hello

${name},

tupleSayHello(...tupleArr4)3、函数类型

函数类型

可选的的位置只能在最后面追加参数前面的参数想要使用undefined得单独加

void

注意在代码中写的typeof是值的类型判断而不是类型变量if(typeof

number

注意?.运算符可以安全的使用undefinedy?.toFixed(2);//

如果不判断就使用x、y会报错//

当你传入两种模式代码层面做好判断即可不同的参数返回不同的数据类型

function

前面必须定义属性age1age2可以有可以没有只不过他们的值类型相似

type

string索引优先级更高只要他的容错度高就可以[propName:

string]:

注意单独的变量不能使用类型注解只能集体使用因为:号会被识别成变量别名

const

报错objPointB的值中可能出现除x以外的属性默认为any//

const

countObject的类型如果默认空对象要给每个属性写可选类型

const

函数重载注意只能写function不能写箭头函数fun(name:

string):

当一个interface没有你想要的属性又不想新增可以直接合并

interface

即便是指定类型为一致也只是表明他们类型恰好一致而不是恒定一致性const

getArrayFirst1

泛型可以不写默认根据实参推导getArrayFirst2([1,

3]);

也可以指定类型如果复杂的类型尽可能主动传入泛型变量getArrayFirst2string

number([1,

MyClassGetNum1Func(MyClassGetNum1,

[1,

函数没传泛型根据参数推导并且覆盖默认值getArrayFirst10([1,

3]);class

也就是说和默认类型不同约束类型是不会被覆盖的会和T一起构成联合类型//

简单说

约束最好是主动传入泛型而不是依赖默认推导getArrayFirst11number

string([1,

注意数字索引为0的位置只有一个其他的同名enum要手动设置enum

Color

注意使用[]反向映射也可以获取枚举值获取枚举值尽量使用Color.Blue规范const

color_reverse

当你定义数据初始化时可能没有那么多数据可以指定断言以后逐步添加属性

18;

console.log(person_assert_type1,

不确定有哪些属性或者暂时没有;

关键词会导致变量的类型不一致(简单说const会让变量的类型固定)

let

属性的值也被改成值类型比如name类型不是string而是vbj

const

isStringAs(value:unknown):asserts

value

如果断言函数使用得当那么错误会出现在断言函数不会在这里报错return

value.toUpperCase();

module_namespace1.interfaceName;import

num

{console.log(simpleDecoratorConstructor);}}simpleDecorator//

simpleDecorator

函数体simpleDecoratorConstructor()getTarget(params:

any)

string;}}String.prototype.toRaw

():string

关键字可以帮助我们推导类型变量这样可以得到一个主动推导的变量类型elementtype

type14Type

关键字可以判断一个变量是否是某个类型相当于语义化具体判断需要自行定义function

isType10(a:string):

string;}if(isType10(isType10_result)){console.log(isType10_result);}//

Type16

这里并不想指定类型而使用默认推导但是又希望推导的时候能够进行属性校验//

Type17_Obj

注意前面的、-、readonly表示修改关键字增加或去除只读性//

Type19

document.getElementById(123);//

JSDoc

类似于webpack的resolve.alias}},include:

[./src/**/*]