TypeScript 是一种由微软开发的编程语言,它是 JavaScript 的一个超集,并为 JavaScript 添加了静态类型检查。通过 TypeScript,您可以在写代码时捕获潜在错误,并能够更好地组织和维护大型代码库。
本教程将介绍 TypeScript 的基本概念以及常用的类型注解和编译选项。让我们开始吧!
安装 TypeScript
首先,您需要在计算机上安装 TypeScript。通过以下命令使用 npm 进行全局安装:
npm install -g typescript
安装完成后,您可以在命令行中使用 tsc
命令来运行 TypeScript 编译器。
基本类型
TypeScript 支持各种基本数据类型,例如 number
、string
、boolean
、array
等。在声明变量时,您可以使用类型注解来指定变量的类型。
let num: number = 10;
let name: string = "TypeScript";
let isDone: boolean = false;
let fruits: string[] = ["apple", "banana", "orange"];
类型推断
如果您省略了类型注解,TypeScript 会自动推断变量的类型。例如,下面的代码将自动推断出 num
的类型为 number
。
let num = 10;
接口
TypeScript 支持接口用于定义对象的形状。通过接口,您可以声明对象的属性以及属性的类型。
interface Person {
name: string;
age: number;
}
let person: Person = {
name: "John",
age: 30
};
类
TypeScript 提供了面向对象编程的特性,包括类和继承。您可以通过 class
关键字来定义类,并使用 extends
关键字实现继承。
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
speak() {
console.log("Animal speaks!");
}
}
class Dog extends Animal {
speak() {
console.log("Dog barks!");
}
}
let dog = new Dog("Buddy");
dog.speak();
类型检查
TypeScript 通过静态类型检查可以在编译时捕获潜在的错误。如果您尝试将不同类型的值分配给已经声明了某个类型的变量,TypeScript 将会报错。
let num: number = 10;
num = "TypeScript"; // 错误:不能将字符串分配给类型“number”
编译选项
TypeScript 编译器提供了许多选项用于自定义编译过程。您可以通过创建一个名为 tsconfig.json
的配置文件来指定这些选项。
以下是一个示例 tsconfig.json
文件的内容:
{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"outDir": "./dist",
"strict": true
},
"include": ["src/**/*.ts"],
"exclude": ["node_modules"]
}
在这个例子中,我们指定了目标编译版本为 ES2020,使用 commonjs 模块系统,将编译结果输出到 ./dist
目录,并启用了严格模式。
您可以通过运行 tsc
命令来编译 TypeScript 代码,编译结果将根据配置文件进行处理。
总结
通过本教程,您初步了解了 TypeScript 的基本概念,学会了如何进行类型注解和使用编译选项。TypeScript 提供了更强大的开发工具,让您能够编写更可靠、可维护的 JavaScript 代码。
希望这个 TypeScript 入门教程对您有所帮助!如果您想深入学习 TypeScript,请查阅官方文档和其他高级教程。 happy coding!
本文来自极简博客,作者:时光静好,转载请注明原文链接:TypeScript入门教程: 类型检查和编译选项