What are the variable scopes available in TypeScript?

在TypeScript中，变量的作用域基本上可以分为以下几种：

1. 全局作用域： 在全局作用域中声明的变量可以在代码的任何其他部分被访问。这意味着一旦你在全局作用域中声明了一个变量，它就可以在任何函数或类中使用。例如：

   typescript
   let globalVar = "I am a global variable";
   
   function display() {
       console.log(globalVar);  // 输出: I am a global variable
   }
   
   display();

2. 函数作用域： 当变量在函数内部声明时，它只能在该函数内部访问，这称为函数作用域。这包括使用var关键字声明的变量。例如：

   typescript
   function testFunctionScope() {
       var functionScopedVar = "I exist only in this function";
       console.log(functionScopedVar);  // 输出: I exist only in this function
   }
   
   // console.log(functionScopedVar);  // 错误: functionScopedVar is not defined
   testFunctionScope();

3. 块作用域： TypeScript还支持ES6中引入的块级作用域，其中使用let和const关键字声明的变量仅在它们被声明的块中可用，例如在if语句、for循环或任何花括号 {} 中。例如：

   typescript
   function testBlockScope() {
       if (true) {
           let blockScopedVar = "I exist only in this block";
           console.log(blockScopedVar);  // 输出: I exist only in this block
       }
   
       // console.log(blockScopedVar);  // 错误: blockScopedVar is not defined
   }
   
   testBlockScope();

4. 模块作用域： 在TypeScript中，如果变量在一个模块内部声明（基本上任何文件），那么这个变量只能在这个模块内部访问，除非它被导出。这是遵循ES6模块系统的。例如：

   typescript
   // 在moduleA.ts文件中
   export let moduleScopedVar = "I am available in any module that imports me";
   
   // 在另一个文件中
   import { moduleScopedVar } from './moduleA';
   console.log(moduleScopedVar);  // 输出: I am available in any module that imports me

理解这些不同的作用域对于编写清晰、易于维护的代码至关重要。它们帮助你控制变量的可见性和生命周期，避免潜在的变量冲突和错误。