TypeScript 基础语法

TypeScript 基础语法与 JavaScript 类似，但它引入了静态类型和一些其他特性。以下是一些 TypeScript 的基础语法概念：

1. 变量声明

使用 let 或 const 来声明变量。与 JavaScript 不同，TypeScript 可以提供静态类型注解：

let myVar: number = 10;
const myConst: string = "Hello, TypeScript!";

2. 类型

TypeScript 支持多种数据类型，包括基本类型和对象类型。例如：

let num: number = 5;
let str: string = "Hello";
let bool: boolean = true;
let arr: number[] = [1, 2, 3];
let tuple: [string, number] = ["John", 25];
let obj: { name: string, age: number } = { name: "John", age: 25 };

3. 函数

函数可以有参数和返回类型：

function add(x: number, y: number): number {
  return x + y;
}

let result: number = add(3, 5);

4. 接口

使用接口定义对象的形状：

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

let user: Person = { name: "John", age: 30 };

5. 类

类是面向对象编程的核心。以下是一个简单的类的例子：

class Animal {
  name: string;

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

  makeSound() {
    console.log("Some generic sound");
  }
}

class Dog extends Animal {
  makeSound() {
    console.log("Woof! Woof!");
  }
}

const myDog = new Dog("Buddy");
myDog.makeSound();

6. 模块

使用 export 和 import 来组织代码：

// utils.ts
export function double(num: number): number {
  return num * 2;
}

// app.ts
import { double } from "./utils";

let result: number = double(5);

7. 泛型

使用泛型来编写可重用的代码：

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

let value: number = identity(5);
let text: string = identity("Hello");

这只是 TypeScript 的基础语法概览。你可以根据需要深入了解 TypeScript 的高级特性和进阶用法，例如联合类型、交叉类型、装饰器等。要详细了解 TypeScript，请查阅 [TypeScript 官方文档](https://www.typescriptlang.org/docs/)。

转载请注明出处：http://www.pingtaimeng.com/article/detail/13008/TypeScript