前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript 模块

TypeScript 模块

作者头像
程序猿的栖息地
发布2024-02-17 15:43:35
760
发布2024-02-17 15:43:35
举报

TypeScript 模块概述

TypeScript 模块的设计理念是可以更换的组织代码。

模块是在其自身的作用域里执行,并不是在全局作用域,这意味着定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。类似地,我们必须通过 import 导入其他模块导出的变量、函数、类等。

两个模块之间的关系是通过在文件级别上使用 import 和 export 建立的。

export 关键字

模块导出使用关键字 export 关键字,语法格式如下:

代码语言:javascript
复制
// 文件名 : SomeInterface.ts 
export interface SomeInterface { // 代码部分 }

在另外一个文件使用该模块就需要使用 import 关键字来导入:

代码语言:javascript
复制
import someInterfaceRef = require("./SomeInterface");

模块使用示例

1. 创建类型下面的目录

代码语言:javascript
复制
|_ tools 目录
    |_ animal.ts
    |_ dog.ts
    |_ cat.ts
|_ main.ts

2 animal.ts 源码

代码语言:javascript
复制
export interface Animal{
    say():void;
}

3. dog.ts 源码

代码语言:javascript
复制
import { Animal } from "./animal";
export class Dog implements Animal{
    say(): void {
        console.log("dog say wang wang")
    }
}

4. cat.ts 源码

代码语言:javascript
复制
import { Animal } from "./animal";
export class Cat implements Animal{
    say(): void {
        console.log("dog say miao miao")
    }
}

5. main.ts 源码

代码语言:javascript
复制
import {Cat} from "./tools/cat";
import {Dog} from "./tools/dog";
var cat = new Cat();
cat.say();
var dog = new Dog();
dog.say();

6. 编译并运行 main.ts

代码语言:javascript
复制
E:\tsDemo> tsc .\main.ts 
E:\tsDemo> node .\main.js

# 输出
dog say miao miao
dog say wang wang
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-02-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 程序猿的栖息地 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • TypeScript 模块概述
  • export 关键字
  • 模块使用示例
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档