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 变量声明的一些基本内容,希望对你的学习有所帮助。