TypeScript语言介绍|极客教程

TypeScript语言介绍

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，意味着任何一个合法的 JavaScript 代码都是合法的 TypeScript 代码。与 JavaScript 不同的是，TypeScript 提供了静态类型检查功能，可以提高代码的可读性和可维护性。

TypeScript 的特点

1. 静态类型

在 JavaScript 中，变量的类型是隐式的，并且在编译时无法检查类型错误，这可能导致一些潜在的问题。而 TypeScript 引入了静态类型检查，可以在编译时捕获大部分的错误，提高了代码的质量和健壮性。

2. 类型推断

TypeScript 可以根据上下文推断变量的类型，避免了显式指定类型时的重复劳动。这个特性使得代码更加简洁和易读。

3. 支持最新的 ECMAScript 标准

TypeScript 支持最新的 ECMAScript 标准，包括 ES6、ES7 等，这意味着你可以使用最新的 JavaScript 特性而不用担心兼容性问题。

4. 提供丰富的工具支持

TypeScript 提供了丰富的工具支持，包括强大的编辑器支持、代码自动补全、重构等功能，让开发更加高效。

TypeScript 的安装

要使用 TypeScript，首先需要安装 TypeScript 编译器。可以使用 npm 进行安装：

npm install -g typescript

安装完成后，可以使用tsc命令来编译 TypeScript 文件。创建一个hello.ts文件，并输入以下代码：

function sayHello(name: string) {
  console.log(`Hello, ${name}!`);
}

sayHello('TypeScript');

然后在终端中运行以下命令进行编译：

tsc hello.ts

编译完成后会生成一个hello.js文件，可以在浏览器中打开该文件查看输出。

TypeScript 的基础语法

1. 变量声明

在 TypeScript 中，可以使用let和const关键字来声明变量，同时可以指定变量的类型：

let count: number = 10;
const name: string = 'TypeScript';

2. 函数

函数也可以指定参数和返回值的类型：

function add(a: number, b: number): number {
  return a + b;
}

3. 接口

接口可以用来定义对象的形状，使代码更加清晰和易于理解：

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

function printPerson(person: Person) {
  console.log(`Name:  ${person.name}, Age:$ {person.age}`);
}

let john: Person = { name: 'John', age: 30 };
printPerson(john);

4. 类

TypeScript 支持面向对象编程，可以使用类来创建对象：

class Animal {
  name: string;

  constructor(name: string) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, I'm ${this.name}.`);
  }
}

let cat = new Animal('Cat');
cat.sayHello();

TypeScript 的高级特性

1. 泛型

泛型可以使函数或类在定义时不指定具体的类型，而在使用时动态指定类型，提高代码的灵活性和复用性：

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

let result = identity<string>('Hello');
console.log(result);

2. 编译配置

可以通过tsconfig.json文件配置 TypeScript 的编译选项，例如指定输出目录、排除文件等：

{
  "compilerOptions": {
    "outDir": "./dist",
    "target": "es5",
    "module": "commonjs",
    "strict": true
  },
  "exclude": [
    "node_modules"
  ]
}