TypeScript const详解|极客教程

TypeScript const详解

一、概述

在 TypeScript 中，const 是用来声明常量的关键字。使用 const 声明的变量在定义时必须进行赋值，并且在之后的使用过程中不允许对其进行重新赋值。本文将详细介绍 const 的用法、特点和注意事项。

二、const的用法

使用 const 声明常量的语法如下：

const identifier: type = value;

其中，identifier 是变量的名称，type 是变量的类型，value 是变量的初始值。下面是一些使用 const 声明常量的示例：

const PI: number = 3.14159;
const URL: string = "https://example.com";
const DAYS_OF_WEEK: number = 7;

在上述示例中，分别使用 const 声明了一个数值常量 PI，一个字符串常量 URL，以及一个数值常量 DAYS_OF_WEEK。

三、const的特点

const 声明的常量具有以下特点：

1. 必须进行初始化赋值

使用 const 声明的常量在定义时必须进行初始化赋值，否则会报错。例如，下面的代码将会报错：

const name: string; // 错误，常量必须进行初始化赋值

正确的做法是在定义时进行初始化赋值：

const name: string = "Alice"; // 正确

2. 不能重新赋值

使用 const 声明的常量在之后的使用过程中不允许对其进行重新赋值，否则将会报错。例如，下面的代码将会报错：

const age: number = 20;
age = 25; // 错误，常量不能重新赋值

实际上，TypeScript 编译器会对 const 声明的常量进行值替换优化。例如，下面的代码在编译后会直接替换成相应的值：

const PI: number = 3.14159;
console.log(PI); // 编译后变为 console.log(3.14159);

3. 仅在块级作用域内有效

使用 const 声明的常量具有块级作用域，在声明的块级作用域内有效。例如，下面的代码中的常量 count 分别在两个块级作用域内定义，并且互不影响：

function example() {
  {
    const count: number = 1;
    console.log(count); // 输出 1
  }
  {
    const count: number = 2;
    console.log(count); // 输出 2
  }
}

4. 对象类型常量可修改属性

使用 const 声明的常量如果是对象类型，虽然不能对其重新赋值，但是可以修改其属性。例如，下面的代码中，使用 const 声明了一个对象常量 person，虽然不能对 person 进行重新赋值，但是可以修改其属性 name 的值：

const person: { name: string } = {
  name: "Alice"
};
person.name = "Bob"; // 可以修改属性
console.log(person.name); // 输出 "Bob"

5. 常量作为类型注解

使用 const 声明的常量也可以用作类型注解。例如，下面的代码中，使用 const 声明的两个常量作为变量的类型注解：

const name: string = "Alice";
const age: number = 20;
let person: { name: string, age: number };
person = {
  name: name,
  age: age
};
console.log(person); // 输出 { name: 'Alice', age: 20 }