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.zyzy.cn/article/detail/13008/TypeScript