10、TypeScript 命名空间

最新推荐文章于 2024-04-10 02:15:11 发布

红鹰_Jake

最新推荐文章于 2024-04-10 02:15:11 发布

阅读量126

点赞数

分类专栏： TypeScript 随笔文章标签： typescript

本文链接：https://blog.youkuaiyun.com/u011109679/article/details/118656552

版权

TypeScript 随笔专栏收录该内容

12 篇文章

订阅专栏

本文介绍了TypeScript中的命名空间概念，用于避免命名冲突并组织代码。通过示例展示了如何在不同文件中定义和导入命名空间，以及在Node环境中执行。重点讲解了3.4.5版本前后的引入方式差异，并提供了实际运行的`index.ts`代码片段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

命名空间

在代码内部为了避免命名冲突，组织代码的手段；
命名空间内部对象及命名空间都需要export，外部才能够访问；
3.4.5版本之后，通过import {} from方式引入命名空间；

命名空间案例

在这里插入图片描述

BigDog.tx 项目代码

//命名空间也需要export，外部才能够使用
export namespace com.hongying{
    //外部使用类就需要export
    export  class Dog {
        name:string;
        constructor(name:string){
            this.name=name;
        }
        run():void{
            console.log(`${this.name} is running--com.hongying`)
        }
    }

    //可以暴露多个对象
    export function Hello() {
        console.log(`Hello ------`);
    }
}

SmallDog.tx 项目代码

export namespace com.rhino{
    export  class Dog {
        name:string;
        constructor(name:string){
            this.name=name;
        }
        run():void{
            console.log(`${this.name} is running--com.rhino`)
        }
    }
}

index.ts 使用命名空间

//命名空间
//在代码内部为了避免命名冲突，组织代码的手段。
//命名空间同样需要export,外部才能够访问；

//TypeScript3.4.5 之前版本引入命名空间方式
///<reference path="./modules/BigDog.ts"/>
///<reference path="./modules/SmallDog.ts"/>

//TypeScript3.4.5 之后版本引入命名空间方式 和模块一样用法
import {com} from './modules/BigDog'
import {com as comSmall} from './modules/SmallDog'

//访问命名空间内部对象 "命名空间名称.对象名称"
let bigD=new com.hongying.Dog("ahuang");
let smallD=new comSmall.rhino.Dog("apuladuo");
bigD.run();
smallD.run();
com.hongying.Hello();