Introduction tutorial of typescript (dark horse programmer of station B)

Video link ：https://www.bilibili.com/video/BV14Z4y1u7pi?p=1

1. TypeScript Introduce

1.1 TypeScript What is it?

1.2 TypeScript Why for JS Add type support ？

1.3 TypeScript comparison JS The advantages of

2. TypeScript First experience

2.1 Installation and compilation TS The toolkit

2.2 Compile and run TS Code

2.3 Simplify operation TS Steps for

• Be careful ： if ts-node hello.ts Error report in execution , You need to execute the command first tsc --init Create a tsconfig.json file , The document is TypeScript The configuration file for the project
• tsconfig.json contain TypeScript Compile the relevant configuration , Compile configuration items by changing , We can get TypeScript Compiled ES6、ES5、node Code for .

3. TypeScript Common types

3.1 Type notes

3.2 Overview of common foundation types

3.3 The original type

3.4 An array type

3.5 Type the alias

3.6 Function type

• If the function does not return a value , that , Function return value type is ：void.

3.7 object type

3.8 Interface

3.9 Tuples

3.10 type inference

3.11 Types of assertions

3.12 Literal type

3.13 enumeration

3.14 any type

3.15 typeof

4. TypeScript Advanced type

4.1 class class

• Two ways of class inheritance ：1 extends（ Inherited parent class ） 2 implements（ Implementation interface ）.

• Class member visibility ： have access to TS To control class Method or property of for class Whether the code outside is visible .

• public
  
• protected
  
• private
  
• readonly
  

4.2 Type compatibility

4.3 Cross type

4.4 Generic

• Partial<Type>
  
• Readonly<Type>
• Pick<Type, Keys>
  
• Record<Keys, Type>

4.5 Index signature type

4.6 Mapping type

5. TypeScript Type declaration file

5.1 TS Two file types in

5.2 Instructions for using the type declaration file

6. stay React Use in TypeScript

6.1 Use CRA Create support TS Project

6.2 TS The configuration file tsconfig.json

6.3 React Common types in