TypeScript入门指南

TypeScript入门指南

简介

TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，可以编译成纯JavaScript代码，TypeScript的主要目标是提高大型应用程序的可维护性和可读性。

安装

1、安装Node.js：访问Node.js官网（https://nodejs.org/）下载并安装适合你操作系统的Node.js版本。

2、安装TypeScript：打开命令行工具，输入以下命令安装TypeScript：

npm install g typescript

基本语法

1、变量声明：使用let、const或var关键字声明变量。

let name: string = "张三";
const age: number = 18;
var isStudent: boolean = true;

2、数据类型：TypeScript支持多种数据类型，如字符串（string）、数字（number）、布尔值（boolean）、数组（array）、元组（tuple）、枚举（enum）、任意类型（any）、void、null和undefined等。

3、函数：使用function关键字定义函数。

function greet(name: string): void {
  console.log("Hello, " + name);
}

4、类：使用class关键字定义类。

class Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

5、接口：使用interface关键字定义接口。

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

编译与运行

1、编译：在命令行中，进入到TypeScript文件所在的目录，输入以下命令编译TypeScript文件：

tsc 文件名.ts

2、运行：编译成功后，会生成一个同名的JavaScript文件，在浏览器或Node.js环境中运行该JavaScript文件即可，使用Node.js运行：

node 文件名.js

高级特性

1、泛型：使用<T>表示泛型类型。

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

2、装饰器：使用@expression表示装饰器。

function log(target: any, key: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(Calling ${key} with, args);
    return originalMethod.apply(this, args);
  };
}
class MyClass {
  @log
  myMethod() { }
}

3、模块：使用import和export关键字导入和导出模块。

// myModule.ts
export function add(a: number, b: number): number {
  return a + b;
}

“`typescript // main.ts

import { add } from "./myModule";

console.log(add(1, 2)); // 输出：3