MST

星途 面试题库

面试题:TypeScript中import和export基础使用

请描述TypeScript中`import`和`export`的基本语法,并举例说明如何使用`export`导出一个函数和一个接口,以及如何使用`import`导入它们。
32.2万 热度难度
前端开发TypeScript

知识考点

AI 面试

面试题答案

一键面试

export 基本语法

  1. 导出单个成员
    // 导出函数
    export function add(a: number, b: number): number {
        return a + b;
    }
    // 导出接口
    export interface User {
        name: string;
        age: number;
    }
    
  2. 导出多个成员
    function subtract(a: number, b: number): number {
        return a - b;
    }
    interface Product {
        id: number;
        name: string;
    }
    export { subtract, Product };
    
  3. 重命名导出
    function multiply(a: number, b: number): number {
        return a * b;
    }
    export { multiply as times };
    

import 基本语法

  1. 导入单个成员
    // 从模块中导入add函数和User接口
    import { add, User } from './yourModule';
    const result = add(2, 3);
    const user: User = { name: 'John', age: 30 };
    
  2. 导入并重命名
    import { subtract as minus } from './yourModule';
    const diff = minus(5, 3);
    
  3. 整体导入
    import * as myModule from './yourModule';
    const product: myModule.Product = { id: 1, name: 'Book' };
    const multiplyResult = myModule.multiply(4, 5);