引言
随着前端开发的不断发展，JavaScript成为了最流行的脚本语言之一。然而，由于JavaScript的动态特性，带来了一些潜在的错误和难以维护的问题。为了解决这些问题，微软推出了TypeScript，一种静态类型检查的超集，它可以编译成纯JavaScript代码。
本篇博客将介绍TypeScript的基本概念和语法，并帮助你从JavaScript转向类型安全的编程。
TypeScript简介
TypeScript是由微软开发的一种开源编程语言，它通过添加静态类型检查和面向对象的特性，提供了更好的代码可读性、可维护性和可靠性。另外，TypeScript还支持最新的JavaScript特性，如箭头函数、类和模块等。
安装和配置
要开始学习TypeScript，首先需要安装TypeScript编译器。你可以使用npm全局安装TypeScript，命令如下：
npm install -g typescript
安装完成后，你可以通过运行 tsc -v来查看TypeScript版本。
TypeScript基础
类型注解
TypeScript通过类型注解来静态检查代码。它使用一些基本的数据类型，如number、string、boolean等，还支持复杂的自定义类型。下面是一个简单的例子：
function add(a: number, b: number): number {
return a + b;
}
console.log(add(2, 3)); // 输出 5
在上面的例子中，我们使用了类型注解来指定add函数的参数和返回值的类型。这样，在编译期间，如果传入的参数不符合指定的类型，编译器将发出警告。
接口
TypeScript还支持接口的概念，通过接口可以定义一些结构化的数据类型。下面是一个简单的例子：
interface Person {
name: string;
age: number;
}
function sayHello(person: Person): void {
console.log(`Hello, ${person.name}! You are ${person.age} years old.`);
}
const john: Person = {
name: 'John',
age: 25
};
sayHello(john); // 输出 "Hello, John! You are 25 years old."
在上面的例子中，我们定义了一个Person接口，它包含了name和age两个属性。然后，我们定义了一个sayHello函数，它接受一个Person类型的参数。当我们调用sayHello函数，并传入一个符合Person接口定义的对象时，编译器将不会有任何警告。
类
TypeScript支持面向对象编程的特性，包括类、继承、接口实现等。下面是一个简单的例子：
class Animal {
constructor(public name: string) { }
move(distance: number = 0): void {
console.log(`${this.name} moved ${distance} meters.`);
}
}
class Dog extends Animal {
bark(): void {
console.log('Woof! Woof!');
}
}
const dog = new Dog('Buddy');
dog.move(10); // 输出 "Buddy moved 10 meters."
dog.bark(); // 输出 "Woof! Woof!"
在上面的例子中，我们定义了一个Animal类和一个Dog子类。Animal类有一个构造函数和一个move方法，Dog类继承自Animal类，还有一个额外的bark方法。我们通过创建一个Dog的实例来演示如何使用这些类和方法。
进阶特性
除了基本的语法和类型检查，TypeScript还提供了一些进阶特性，如泛型、装饰器、枚举等。这些特性能够帮助你编写更灵活、可复用和可扩展的代码。
小结
本篇博客简要介绍了TypeScript的基本概念和语法，并展示了一些示例代码。希望通过本篇博客，你能够理解TypeScript的作用和优势，并开始在实际项目中应用类型安全编程的思想。
参考资料
本文来自极简博客，作者：时光旅者，转载请注明原文链接：TypeScript入门：从JavaScript到类型安全编程
