TypeScript 变量声明

TypeScript 是一个静态类型的语言，在变量声明方面提供了一些不同于 JavaScript 的特性。

变量声明

TypeScript 可以在变量声明时指定变量类型。变量声明的基本语法如下：

let varName: varType = value;

其中，varName 为变量名，varType 为变量类型，value 为变量的初始值，每个部分之间需要用空格隔开。

例如：

let name: string = 'TypeScript';
let age: number = 10;
let isMale: boolean = true;

变量类型

TypeScript 中支持的变量类型有：

• Boolean：逻辑型变量，取值为 true 或 false；
• Number：数值型变量，可以是整数或浮点数；
• String：字符型变量，用于表示一段文本或字符；
• Array：数组类型变量，类似于 JavaScript 中的 Array 类型；
• Tuple：元组类型变量，在升级版的数组中支持元素不同类型的数组存储；
• Enum：枚举类型变量，用于表示具有唯一标识符的常量集合；
• Any：任意类型变量，可以用于任何数据类型；
• Void：空类型变量，用于没有任何返回值的函数。

例如：

let isDone: boolean = false;
let decimal: number = 6;
let color: string = 'blue';
let arr: number[] = [1, 2, 3, 4];
let tuple: [string, number] = ['TypeScript', 1];
enum Animal {Dog, Cat, Lion};
let animal: Animal = Animal.Dog;
let notSure: any = '100';
function voidFunc(): void {
  console.log('This function has no return value');
}

变量声明的语法规则

TypeScript 中的变量声明语法规则与 JavaScript 类似，但也有一些不同：

• 变量名使用 camelCase 风格；
• 变量声明必须指定变量类型；
• 可以使用可选标识符 ? 来声明可选的属性；
• 可以使用默认参数值来设置变量的默认值；
• 可以使用对象解构来选取对象属性，如：let {a, b} = obj;；
• 可以使用数组解构来取出数组中的元素，如：let [x, y] = arr;。

例如：

let uname: string;
let uage?: number;
let ujob: string = 'Developer';
function add(a: number, b: number = 10) {
  return a + b;
}
let {a, b} = {a: 10, b: 20};
let [x, y] = [1, 2, 3];

结语

变量声明是 TypeScript 中重要的一部分，它可以让我们在开发过程中更加准确地掌握变量类型信息，从而减少 bug 的出现。以上就是 TypeScript 变量声明的一些基本内容，希望对你的学习有所帮助。