`

TypeScript语法基础 - 命名空间

 
阅读更多
export namespace A {
    interface Animal{
        name:string;
        eat():void;
    }

    export class Dog implements Animal {
        name: string;
        constructor(theName: string) {
            this.name = theName
        }

        eat() {
            console.log(`${this.name}吃狗粮`)
        }
    }

    export class Cat implements Animal {
        name: string;
        constructor(theName: string) {
            this.name = theName;
        }

        eat() {
            console.log(`${this.name}吃猫粮`)
        }
    }
}

export namespace B {
    interface
    Animal {
        name:string;
        eat():void;
    }

    export class Dog implements Animal {
        name: string;
        constructor(theName: string) {
            this.name = theName
        }

        eat() {
            console.log(`${this.name}吃狗粮`)
        }
    }

    export class Cat implements Animal {
        name: string;
        constructor(theName: string) {
            this.name = theName;
        }

        eat() {
            console.log(`${this.name}吃猫粮`)
        }
    }
}

//1.ts
//导入命名空间A,B
import {A, B} from '../modules/a'
//命名空间外部使用 A的类
var d = new A.Dog('大黄');
d.eat();//大黄吃狗粮
//命名空间外部使用B的类
var c = new B.Cat('喵喵折');
c.eat();//喵喵折吃猫粮

 

分享到:
评论

相关推荐

    藏经阁-现代TypeScript高级教程-103.pdf

    TypeScript 是一种由微软开发的静态类型编程语言,它在 JavaScript 的基础上增加了类型系统和其他高级特性,旨在提高代码质量和可维护性。随着其在现代Web开发中的广泛应用,深入学习 TypeScript 的高级特性变得...

    TypeScript语法手册

    ### TypeScript语法手册知识点详解 #### 一、简介 TypeScript是一种开源的编程语言,由微软开发和维护。它被设计成JavaScript的一个超集,并添加了静态类型检查功能,旨在提高大型应用的开发效率和可维护性。本...

    typescript例子-所有代码打包

    类让我们能够创建具有继承、封装和多态的复杂对象,而模块则允许我们组织代码,避免全局命名空间的污染。在示例中,你将有机会了解如何定义类、继承、实现接口以及导入导出模块。 装饰器(Decorator)是TypeScript...

    Typescript-gama-academy:Curso de Typescript da Gama学院

    4. **模块与命名空间**:了解如何组织和导入/导出代码,使用模块(Modules)和命名空间(Namespaces)来管理项目中的依赖关系。 5. **函数与箭头函数**:掌握不同类型的函数,包括普通函数、箭头函数、默认参数、...

    typescript-handbook.pdf

    虽然TypeScript推荐使用ES6模块,但在某些情况下也可以使用命名空间来组织代码。 ```typescript namespace MyNamespace { export class MyClass { public myMethod() { console.log("Hello from MyClass!"); } ...

    TypeScript-Demo-Starter

    模块是 TypeScript 中组织代码的方式,可以避免全局命名空间的污染。通过 `export` 和 `import` 关键字,可以将代码分割成多个文件并进行导入和导出。这对于构建大型项目尤其有用,因为它促进了代码的可重用性和可...

    TypeScript Handbook 中文版

    - **命名空间与模块的区别**:对比分析命名空间与模块之间的差异。 - **模块解析**:介绍 TypeScript 如何解析模块路径。 - **声明合并**:解释如何通过声明合并 (`declaration merging`) 来组织和共享类型定义。 - ...

    TypeScript 入门教程-javascript

    16. **命名空间(Namespaces)**:在非 ES6 模块环境下,TypeScript 提供了命名空间进行代码封装和组织。 ## 五、编译与配置 17. **tsconfig.json**:TypeScript 编译配置文件,用于控制编译选项,如目标版本、...

    Typescript语法手册

    从基本概念开始,涵盖了诸如语法约定、命名空间和命名类型、声明、作用域等基础知识。接着是类型章节,详细解释了各种类型,包括任意类型、基本类型(Number、Boolean、String、Void、Null和Undefined)、枚举类型、...

    Mastering TypeScript - Second Edition 原书高清PDF及代码

    5. **模块与命名空间**:了解如何使用ES6的import/export语句以及TypeScript的命名空间来组织和导入/导出代码,是现代JavaScript开发的重要组成部分。 6. **TypeScript工具链**:书中会涵盖tsc编译器的使用,包括...

    Mastering TypeScript - Second Edition

    模块和命名空间是TypeScript组织代码的重要方式,它们帮助解决大型项目的依赖管理和代码隔离问题。书中会解释如何导入和导出模块,以及如何利用命名空间来避免全局变量冲突。 随着Web开发的进步,前端框架和库的...

    TypeScript手册

    - **模块与命名空间**: TypeScript 引入了模块的概念,用于组织代码;命名空间则允许开发者在一个单独的文件中定义多个模块,或者将多个文件合并到一个模块中。 #### 四、进阶主题 - **模块解析**: 描述 ...

    TypeScript Language Specification

    - **模块**:通过模块化支持,开发者可以将代码组织成独立的组成部分,避免全局命名空间的污染,提高代码的可维护性和可读性。 - **版本兼容**:TypeScript 允许将这些高级特性翻译成符合 ECMAScript 3 或 5 规范...

    15-namespaces-and-modules(命名空间和模块15).pdf

    命名空间和模块是TypeScript中用于组织代码结构和管理依赖关系的重要概念。在TypeScript 2.1中,内部模块的概念被重新命名为命名空间(Namespaces),以避免与ECMAScript 2015中的模块(Modules)概念混淆。本文将...

    typescript-handbook

    - **命名空间**:命名空间(Namespaces)是 TypeScript 中用于组织代码的一种方式,尤其是在大型项目中,可以帮助避免全局命名冲突。 - **声明合并**:声明合并(Declaration Merging)是一种 TypeScript 特性,...

    TypeScript快速入门(通俗易懂)【2020新版】

    以通俗易懂的方式讲解?TypeScript?语法,帮您快速入门,将...9.TypeScript语法之命名空间 10.TypeScript语法之装饰器 教学全程采用笔记+代码案例的形式讲解,每个知识点都有详细的讲解,通俗易懂!!! 讲师介绍

    TypeScript Essentials

    - **高级主题**:此外,《TypeScript Essentials》还涉及了一些高级主题,如泛型、命名空间、装饰器等,这些都是在构建复杂系统时不可或缺的技术手段。 - **实战案例**:通过一系列的实际案例,书中展示了如何将理论...

    浅析TypeScript 命名空间

    命名空间(Namespace)的基本语法结构如下: ```typescript namespace NamespaceName { export interface InterfaceName {} export class ClassName {} } ``` 如上述示例所示,`namespace` 关键字用于创建命名...

    typescript

    模块和命名空间用于组织和管理代码,避免全局作用域的污染。 #### 模块解析 TypeScript 具有模块解析机制,用于查找和导入模块。 #### 声明合并 当多个文件共享相同的类型信息时,TypeScript 会自动将它们合并在...

Global site tag (gtag.js) - Google Analytics