TypeScript 是一种由 Microsoft 开发的自由和开源的编程语言。它是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了类型系统和对 ES6+ 的支持。以下是一些 TypeScript 学习笔记:
-
安装 TypeScript:可以通过 npm 安装 TypeScript。在命令行中输入以下命令:npm install -g typescript
-
编写 TypeScript 代码:可以使用任何文本编辑器编写 TypeScript 代码,并将其保存为 .ts 文件。例如,创建一个名为 hello.ts 的文件,并在其中输入以下代码:
function hello(name: string): string {
return "Hello, " + name;
}
console.log(hello("World"));
-
编译 TypeScript 代码:使用 tsc 命令编译 TypeScript 代码。在命令行中输入以下命令:tsc hello.ts。这将生成一个名为 hello.js 的 JavaScript 文件。
-
类型注解:TypeScript 允许你为变量、函数参数和返回值添加类型注解。例如,可以将 name 参数的类型注解为 string。
-
类型推断:TypeScript 可以根据上下文推断类型。例如,如果你将一个字符串赋值给一个变量,那么该变量的类型将被推断为 string。
-
接口:TypeScript 允许你定义接口来描述对象的结构。例如,可以定义一个 Person 接口,包含 name 和 age 属性。
interface Person {
name: string;
age: number;
}
let person: Person = {
name: "John",
age: 30
};
- 类:TypeScript 支持使用 class 关键字定义类。例如,可以定义一个 Person 类,包含 name 和 age 属性以及一个 greet 方法。
class Person {
name: string;
age: number;
constructor(name: string, age: number) {
this.name = name;
this.age = age;
}
greet(): void {
console.log("Hello, my name is " + this.name);
}
}
let person = new Person("John", 30);
person.greet();
- 枚举:TypeScript 允许你定义枚举类型。例如,可以定义一个 Color 枚举,包含 RED、GREEN 和 BLUE 值。
enum Color {
RED,
GREEN,
BLUE
}
let favoriteColor: Color = Color.BLUE;
- 泛型:TypeScript 支持泛型,允许你定义可重用的组件。例如,可以定义一个 Identity 函数,接受一个类型参数 T 和一个值参数 value,并返回与 value 相同类型的值。
function identity<T>(value: T): T {
return value;
}
let output = identity<string>("myString"); // type of output will be 'string'
以上是一些 TypeScript 学习笔记,希望对你有所帮助。