TypeScript基础语法

 TypeScript   大苹果   2024-10-03 22:31   233

基础语法

1. 变量声明(let, const, var)

  • let:用于声明可变变量,作用域为块级作用域。
  • const:用于声明常量,值不可修改,作用域为块级作用域。
  • var:用于声明变量,作用域为函数作用域或全局作用域,已不推荐使用。

示例:

let count: number = 10; // 可变变量
const maxCount: number = 100; // 常量
var total: number = 0; // 传统声明方式,使用较少

if (true) {
    let innerCount = 5; // innerCount 在此块内有效
    console.log(innerCount); // 输出:5
}
// console.log(innerCount); // 报错:innerCount 在此块外无效

2. 数据类型

  • 基本类型

    • number: 数字类型
    • string: 字符串类型
    • boolean: 布尔类型
    • nullundefined: 分别表示无值和未定义
  • 数组:用 number[]Array<number> 表示数字数组。

  • 元组:用来表示固定数量和类型的数组。

  • 枚举:定义命名常量的集合,便于可读性。

示例:

let age: number = 30; // 基本类型
let name: string = "Alice"; // 基本类型
let isActive: boolean = true; // 基本类型

let scores: number[] = [85, 90, 78]; // 数组
let person: [string, number] = ["Bob", 25]; // 元组

enum Color {
    Red,
    Green,
    Blue
}
let favoriteColor: Color = Color.Green; // 枚举

3. 函数声明与箭头函数

  • 函数声明:使用 function 关键字定义的函数。
  • 箭头函数:使用箭头语法(=>)定义的函数,通常用于简化函数书写。

示例:

// 普通函数
function add(a: number, b: number): number {
    return a + b;
}

// 箭头函数
const multiply = (x: number, y: number): number => {
    return x * y;
};

// 单行箭头函数
const square = (n: number): number => n * n;

console.log(add(5, 10)); // 输出:15
console.log(multiply(4, 5)); // 输出:20
console.log(square(6)); // 输出:36

4. 接口与类型别名

  • 接口:定义对象的结构,可以包含属性和方法,支持继承。
  • 类型别名:用于给任何类型(包括基础类型、对象、联合类型等)一个名称。

示例:

// 接口
interface Person {
    name: string;
    age: number;
    greet(): void;
}

const user: Person = {
    name: "Alice",
    age: 30,
    greet() {
        console.log(`Hello, my name is ${this.name}`);
    }
};

user.greet(); // 输出:Hello, my name is Alice

// 类型别名
type Point = {
    x: number;
    y: number;
};

const p: Point = { x: 10, y: 20 }; // 使用类型别名

以上是 TypeScript 基础语法的详细说明和示例,通过这些基础知识,你可以开始编写更复杂的 TypeScript 程序。