基础语法
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
: 布尔类型null
和undefined
: 分别表示无值和未定义
-
数组:用
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 程序。