命名空间里面的属性和方法默认是私有的,如果想要在外部使用,则需要导出来。
命名空间:
在代码量较大的情况下,为了避免各种变量命名相冲突,可将相似功能的函数、类、接口等放置到命名空间内
同Java的包、.Net的命名空间一样,TypeScript的命名空间可以将代码包裹起来,只对外暴露需要在外部访问的对象。命名空间内的对象通过export关键字对外暴露。
命名空间和模块的区别:
命名空间:内部模块,主要用于组织代码,避免命名冲突。
模 块:ts的外部模块的简称,侧重代码的复用,一个模块里可能会有多个命名空间。
命名空间(namespace )
interface Animal {
name: string;
eat(): void;
}
namespace A {
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} 吃猫粮。`);
}
}
}
namespace B {
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} 在吃猫粮。`);
}
}
}
var dog_A = new A.Dog("dog_A");
var dog_B = new B.Dog("dog_B");
dog_A.eat;
命名空间块化
- 创建文件夹moudles,往里面新建animal.ts,并向里面写入:
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} 在吃猫粮。`);
}
}
}
- index.ts
import {
A, B } from "./moudles/animal";
var dog_A = new A.Dog("小黑");
dog_A.eat();
var dog_B = new B.Dog("小花");
dog_B.eat();