美文网首页
9.命名空间与模块

9.命名空间与模块

作者: 我只会吃饭 | 来源:发表于2020-02-18 10:03 被阅读0次

命名空间:
在大型项目中,为了避免各种变量名的冲突,是可以将相似功能的函数,类,接口等放入到命名空间(内部模块)中

TypeScript 1.5里术语名已经发生了变化。 “内部模块”现在称做“命名空间”。 “外部模块”现在则简称为“模块”
命名空间: 侧重于组织代码,避免冲突
模块: 侧重代码复用, 并且一个模块中可以出现多个命名空间

定义命名空间

export namespace A {
    // 抛出变量
    export const a:number = 1;

    // 抛出类
    export class Dog {
        aname:string;
        constructor(n:string) {
            this.aname = n;
        }
        eat() {
            console.log(`${this.aname}喜欢吃饭`)
        }
    }
}

// 使用命名空间
let kele = new A.Dog('可乐');
let hg = new B.Dog('火锅');

kele.eat();
hg.eat();

模块化

将命名空间放入模块文件中然后抛出

// >modules/Animal.ts

```export namespace A {
    // 抛出变量
    export const a:number = 1;

    // 抛出类
    export class Dog {
        aname:string;
        constructor(n:string) {
            this.aname = n;
        }
        eat() {
            console.log(`${this.aname}喜欢吃饭`)
        }
    }
}

export namespace B {
    export const a:string = 'str';

    export class Dog {
        aname:string;
        constructor(n:string) {
            this.aname = n;
        }
        eat() {
            console.log(`${this.aname}喜欢吃狗粮`)
        }
    }
}

引入到其他文件中

// > 某文件

import {A, B} from './module/Animal';

let kele = new A.Dog('可乐');
let hg = new B.Dog('火锅');

kele.eat();
hg.eat();

相关文章

  • 9.命名空间与模块

    命名空间:在大型项目中,为了避免各种变量名的冲突,是可以将相似功能的函数,类,接口等放入到命名空间(内部模块)中 ...

  • python命名空间&闭包&上下文管理器&

    函数与命名空间 函数的全局命名空间始终是定义该函数的模块,而不是调用该函数的命名空间。 函数及其全局命名空间决定了...

  • TypeScript(四)

    六.模块(命名空间、模块) 内部模块称为命名空间;注意:命名空间里面的变量是私有的,在外部使用的话需要通过expo...

  • TypeScript——命名空间和模块

    这篇文章将概括介绍在TypeScript里使用模块与命名空间来组织代码的方法。 我们也会谈及命名空间和模块的高级使...

  • Vuex、modules

    模块 命名空间 我们可以给模块对象上添加namespaced: true 命名空间: 可以给我们的模块的gette...

  • JS模块与命名空间的介绍

    JS模块与命名空间的介绍 JS模块与命名空间的介绍,需要的朋友可以参考一下 起因 将代码组织到类中的一个重要原因是...

  • typescript中的命名空间

    命名空间和模块不要混用,不要在一个模块中使用命名空间,命名空间最好在一个全局的环境中使用 namespace中可以...

  • Module

    Module 模块化 + 命名空间

  • 单例模式

    用一个对象规划一个命名空间,合理的管理对象上的属性与方法 命名空间 基于命名空间,创建一个模块分明的小型代码库 无...

  • TypeScript基础入门之命名空间和模块

    转载 # TypeScript基础入门之命名空间和模块 命名空间和模块 关于术语的说明:值得注意的是,在TypeS...

网友评论

      本文标题:9.命名空间与模块

      本文链接:https://www.haomeiwen.com/subject/dtmdfhtx.html