TypeScript面试题详解

一、基础语法

TypeScript是JavaScript的超集，在语法上进行了扩展。基础语法是TypeScript入门的必备知识。以下是基础语法中常见的面试题。

1、变量声明

在TypeScript中，使用关键字`let`或`var`声明变量。`let`声明的变量不能重复声明，也不能在声明前使用；`var`声明的变量可以重复声明，同时声明前使用时为`undefined`。

let a = 1;
var b = 2;

let a = 3; // 报错
var b = 4; // 不报错，b为4

console.log(c); // 报错
var c = 5; // 不报错

2、类型注解

TypeScript支持变量类型注解，即在声明变量时指定变量的类型。类型注解可以提高代码的可读性和可维护性。

let str: string = "hello";
let num: number = 1;
let bool: boolean = true;
let arr: number[] = [1, 2, 3];
let tuple: [string, number] = ["hello", 1];

function add(a: number, b: number): number {
  return a + b;
}

3、接口和类

TypeScript中的接口和类是面向对象编程的重要概念。接口定义了对象所需的属性和方法，类定义了对象和相关操作的集合。

interface Person {
  name: string;
  age: number;
  sayHi(): void;
}

class Student implements Person {
  constructor(public name: string, public age: number) {}

  sayHi() {
    console.log(`Hi, my name is ${this.name}, and I'm ${this.age} years old.`);
  }
}

二、进阶语法

在TypeScript的进阶语法中，有一些核心概念。不仅要理解它们的定义，还需要了解它们的实际应用。

1、泛型

泛型是TypeScript的高级特性之一。它可以让我们编写灵活、可重用的代码。

function identity
   (arg: T): T {
  return arg;
}

let output1 = identity
    ("hello");
let output2 = identity
     (1);

     
    
   

2、枚举

枚举是一种特殊类型，可以为一组数值赋予更易读的名称。它可以提高代码的可读性。

enum Color {
  Red,
  Green,
  Blue
}

let c: Color = Color.Green;
console.log(c); // 输出1

3、命名空间

命名空间可以将一组相关的变量、接口、类等封装到一起。它可以避免全局命名冲突，并提高代码的可读性和可维护性。

namespace Utility {
  export function log(message: string) {
    console.log(message);
  }
}

Utility.log("hello");

三、常用工具库

在实际的TypeScript开发中，常常会用到第三方工具库。以下是几个常用工具库及其应用。

1、lodash

lodash是一个实用的JavaScript工具库，提供了很多常用函数的封装，可以提升JavaScript的开发效率。

import * as _ from "lodash";

let arr = [1, 2, 3, 4, 5];
let chunkedArr = _.chunk(arr, 2);
console.log(chunkedArr); // 输出[[1, 2], [3, 4], [5]]

2、axios

axios是一个基于Promise的HTTP客户端，可用于浏览器和Node.js环境中的HTTP请求。

import axios from "axios";

axios.get("https://api.github.com/users/octocat").then(response => {
  console.log(response.data);
});

3、moment

moment是一个常用的日期处理工具库，提供了强大的日期格式化和计算功能。

import moment from "moment";

let date = moment("2021-01-01");
console.log(date.format("YYYY年MM月DD日")); // 输出2021年01月01日
console.log(date.add(1, "year").format("YYYY年MM月DD日")); // 输出2022年01月01日