深入浅出TypeScript | 青训营

TypeScript简介:

TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集，而且本质上TypeScript扩展了JavaScript的语法，这意味着他支持所有的 JavaScript 语法。TS在JavaScript的基础上添加了类型支持，可在任何运行的JavaScript的地方运行. TypeScript 它是一个静态类型检查器，在执行之前（编译）检查程序是否存在错误，可以显示标出代码中的意外行为，并根据值的种类进行检查，从而降低了发生错误的可能性.

TypeScript特点：

•   可读性增强：基于语法解析TSDos，ide增强
•   可维护性增强：在编译阶段暴露大部分错误。（多人合作的大型项目中，获得更好的稳定性和开发效率）
•   包含于兼容所有JS特性，支持共存
•   支持渐进式引入与升级

类型安全

TypeScript是JavaScript的超集，添加了静态类型系统。通过类型注解和类型检查，我们可以在编码阶段发现和预防潜在的错误，提高代码的可靠性和可维护性。类型安全是TypeScript的最大特点之一，它使得代码更易于理解、调试和扩展。

基础知识

1.类型注解和类型推断：

   let message: string = "Hello, TypeScript!";  
   let count = 42; // 类型推断为number  

2.接口：

   interface Person {\
     name: string;\
     age: number;\
   }

   function greet(person: Person) {\
     console.log(`Hello, ${![]()person.name}! You are ${person.age} years old.`);\
   }

   let user: Person = { name: "Alice", age: 30 };\
   greet(user);

3.类

   class Animal {\
     name: string;

     constructor(name: string) {\
       ![转存失败，建议直接上传图片文件](<转存失败，建议直接上传图片文件 >)this.name = name;\
     }

     speak() {\
       console.log(`${![]()this.name} makes a noise.`);\
     }\
   }

   class Dog extends Animal {\
     speak() {\
       console.log(`${![]()this.name} barks.`);\
     }\
   }

   let dog = new Dog("Bobby");\
   dog.speak();

4.泛型

   function identity\<T>(arg: T): T {\
     return arg;\
   }

   let output = identity\<string>("Hello, TypeScript!");\
   console.log(output);

这些示例涵盖了TypeScript中的一些基础概念，包括类型注解与类型推断、接口、类、泛型等