TypeScript 面试题


TypeScript 面试题

  1. 什么是 TypeScript 的优势?

    TypeScript 提供了静态类型检查、更好的工具支持以及更丰富的面向对象编程特性。它可以提高代码的可维护性、可读性和可靠性,并且可以在开发阶段捕获潜在的错误。

  2. 什么是类型断言(Type Assertion)?如何在 TypeScript 中使用类型断言?

    类型断言允许开发者手动指定变量的类型。在 TypeScript 中,可以使用尖括号语法或者 as 关键字进行类型断言。例如:

    typescript 复制代码
    let value: any = "Hello, TypeScript!";
    let length1: number = (<string>value).length; // 使用尖括号语法
    let length2: number = (value as string).length; // 使用 as 关键字
    ```
  3. 什么是可选属性和只读属性?如何在接口中定义它们?

    可选属性允许对象中的某些属性可以不必全部存在,而只读属性则表示属性值在创建后不能被修改。在 TypeScript 中,可以使用问号 ? 来定义可选属性,使用 readonly 关键字来定义只读属性。例如:

    typescript 复制代码
    interface Person {
      name: string;
      age?: number; // 可选属性
      readonly id: number; // 只读属性
    }
    
    let person: Person = { name: "Alice", id: 123 };
    person.age = 20; // 可选属性可以不指定
    person.id = 456; // 错误,只读属性不能修改
    ```
  4. 什么是命名空间(Namespace)?请举例说明如何在 TypeScript 中使用命名空间。

    命名空间是用来组织和封装代码的一种方式,它可以避免全局命名冲突。在 TypeScript 中,可以使用命名空间关键字 namespace 来定义命名空间。例如:

    typescript 复制代码
    // math.ts
    namespace MathUtils {
      export function add(x: number, y: number): number {
        return x + y;
      }
    }
    
    // app.ts
    let result = MathUtils.add(3, 5);
    console.log(result); // 输出:8
    ```
  5. TypeScript 中的类型别名和接口有什么区别?什么时候应该使用类型别名?

    类型别名(Type Alias)和接口(Interface)都可以用来描述类型,但它们有一些区别。接口创建了一个新的命名类型,而类型别名为现有类型提供了一个别名。通常在以下情况下应使用类型别名:

    • 当需要联合多个类型时,可以使用联合类型别名;
    • 当需要使用元组(Tuple)类型时,可以使用元组类型别名;
    • 当需要使用复杂的类型操作符(如联合类型、交叉类型等)时,可以使用类型别名。

    例如:

    typescript 复制代码
    type Status = "success" | "error";
    type Point = [number, number];
    type Shape = Square | Circle;
    
    interface Square {
      kind: "square";
      size: number;
    }
    
    interface Circle {
      kind: "circle";
      radius: number;
    }
    ```

相关推荐
狂炫冰美式13 小时前
人均配了AI, 为什么公司还是没变快? 🤔 本质还是分布式系统问题
前端·后端·架构
铁皮饭盒14 小时前
Next.js 风格路由内置?Bun FileSystemRouter 凭啥这么香
javascript
乘风gg14 小时前
多 Agent 不是万能的!搞懂这 5 个原则,少走 1 年弯路!
前端·agent·ai编程
猩猩程序员14 小时前
Vercel 推出 Agent 框架 Eve:让 AI Agent 像写 Web 应用一样简单
前端
小林ixn15 小时前
别再背八股了!从 5 个真实场景彻底搞懂 JavaScript 的 this
javascript
爱读源码的大都督15 小时前
Claude Code源码分析(三):为什么系统提示词中需要有tools呢?
前端·人工智能·后端
爱勇宝15 小时前
Claude Code 被曝暗藏“隐形检测”代码:封代理不是最可怕的,可怕的是你根本不知道它在干什么
前端·后端·程序员
小牛不牛的程序员15 小时前
我用 Claude Code 半天撸完了一个完整网站,AI 编程到底提升了多少效率?
前端
东风破_15 小时前
JavaScript 面试常考的字符串算法:从反转字符串到回文判断
前端·javascript
巴勒个啦15 小时前
D3.js 入门实战:用力导向图可视化项目依赖关系
javascript