命名空间里面的属性和方法默认是私有的，如果想要在外部使用，则需要导出来。
命名空间:
在代码量较大的情况下，为了避免各种变量命名相冲突，可将相似功能的函数、类、接口等放置到命名空间内
同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();