第十九节TypeScript 模块

1、TypeScript模块:

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

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

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

// 文件名 : SomeInterface.ts 
export interface SomeInterface { // 代码部分
}

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

import someInterfaceRef = require("./SomeInterface");

实例:

IShape.ts 文件代码:
/// <reference path = "IShape.ts" /> 
export interface IShape { draw(); 
}
Circle.ts 文件代码:
import shape = require("./IShape"); 
export class Circle implements shape.IShape { public draw() { console.log("Cirlce is drawn (external module)"); } 
}
Triangle.ts 文件代码:
import shape = require("./IShape"); 
export class Triangle implements shape.IShape { public draw() { console.log("Triangle is drawn (external module)"); } 
}
estShape.ts 文件代码:
import shape = require("./IShape"); 
import circle = require("./Circle"); 
import triangle = require("./Triangle");  function drawAllShapes(shapeToDraw: shape.IShape) {shapeToDraw.draw(); 
} drawAllShapes(new circle.Circle()); 
drawAllShapes(new triangle.Triangle());

执行结果:
Cirlce is drawn (external module)
Triangle is drawn (external module)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/537346.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微软宣布 Edge 浏览器将切换至 Chromium 内核

简述 据微软官方 blog的消息&#xff0c;windows 的默认浏览器 Edge将切换内核至 Chromium&#xff0c;并且微软将秉承开源精神&#xff0c;在未来更多的为 Chromium项目贡献代码。 微软具体说了什么&#xff1f; 原文如下&#xff1a; For the past few years, Microsoft has …

解决the resource is not on the build path of a java project

场景 普通的Java project 转maven 项目后&#xff0c;导入类提示&#xff1a;the resource is not on the build path of a java project 解决方法 将检查java build source&#xff0c;将报错的删除&#xff0c;重新添加src资源包

Beta

目录 过去存在的问题任务分工规范后端总结卉卉家灿前端总结绪佩青元恺琳宇恒丹丹算法&API接口家伟鸿杰一好文档&博客撰写政演产品功能我们已经坐了哪些调整桌面控件合并我们会在Beta冲刺中做哪些改进组长博客&#xff1a;https://www.cnblogs.com/heihuifei/p/10084535…

xsl判断节点存在_HashMap1.8之节点删除分析

HashMap之节点删除大家一直关注的都是HashMap如何添加节点&#xff0c;当节点数量大于8的时候转化为红黑树&#xff0c;否则使用链表等等&#xff0c;但大家是否有看过删除节点的处理逻辑呢&#xff1f; 今天来看看HashMap删除节点的神来之笔问题来源在查看HashMap源码时&#…

windows安装TortoiseGit详细使用教程

windows安装TortoiseGit详细使用教程【基础篇】_小飞牛的技术博客_51CTO博客windows安装TortoiseGit详细使用教程【基础篇】&#xff0c;环境&#xff1a;win8.164bit安装准备&#xff1a;首先你得安装windows下的git msysgit1.9.5安装版本控制器客户端tortoisegit tortoisegit…

keras中文文档_【DL项目实战02】图像识别分类——Keras框架+卷积神经网络CNN(使用VGGNet)

版权声明&#xff1a;小博主水平有限&#xff0c;希望大家多多指导。目录&#xff1a;【使用传统DNN】BG大龍&#xff1a;【DL项目实战02】图像分类——Keras框架使用传统神经网络DNN​zhuanlan.zhihu.com【使用卷积神经网络CNN】BG大龍&#xff1a;【DL项目实战02】图像识别分…

Java Html转pdf实战

Java Html转pdf实战 - 简书年尾手头没啥事&#xff0c;干起了打杂工作&#xff0c;最近帮忙解决后端项目里一个html批量转pdf速度慢的问题&#xff0c;项目里用到的转换工具是 wkhtmltopdf &#xff0c;这货转单个html还好&#xff0c;批量转速...https://www.jianshu.com/p/d0…

Hadoop生态圈-Ambari控制台功能简介

Hadoop生态圈-Ambari控制台功能简介 作者&#xff1a;尹正杰 版权声明&#xff1a;原创作品&#xff0c;谢绝转载&#xff01;否则将追究法律责任。 在经历一系列安装过程之后&#xff08;部署过HDP后我终于发现为什么大家喜欢用它了&#xff0c;部署比CDH简单是他优势之一&…

剪映专业版PC端清理缓存与日志

清理缓存 这个简单&#xff0c;在全局设置里&#xff0c;点击删除键&#xff0c;就可以 清理日志 软件每次剪辑都会生成日志&#xff0c;日志路径在 C:\Users\zengm\AppData\Local\JianyingPro\User Data\Log C:\Users\zengm\AppData\Local\JianyingPro\User Data\VELog

nodejs源码_nodejs之setTimeout源码解析

setTimeout是在系统启动的时候挂载的全局函数。代码在timer.js。function setupGlobalTimeouts() {const timers NativeModule.require(timers);global.clearImmediate timers.clearImmediate;global.clearInterval timers.clearInterval;global.clearTimeout timers.clear…

百度网盘PC端缓存文件夹

在C:\Users\zengm\AppData\Roaming\baidu\BaiduNetdisk\users\下面 BaiduYunCacheFileV0.db 文件为百度网盘目录数据&#xff0c;结构为&#xff1a; 百度网盘BaiduYunCacheFileV0.db数据库研究_wqq1027的博客-CSDN博客_百度网盘数据库最近研究了一下百度网盘的本地数据库文件…

实现三元组表示的两个稀疏矩阵的加法_K-BERT | 基于知识图谱的语言表示模型

1.研究背景BERT曾被应用在多项NLP任务中&#xff0c;并且取得了很好的结果。它通过在大规模开放语料库上进行预训练以获得通用的语言表示&#xff0c;然后在特定的下游任务中进行微调&#xff0c;吸收特定领域的知识。但这些模型在不同的领域执行知识驱动任务时&#xff0c;效果…

Excel单元格“删除线”的添加与删除

软件&#xff1a;windows&#xff0c;WPS 点击字体设计的小角标&#xff0c;进入更多设置&#xff0c;勾选“删除线”

excel 表格复制到word后,宽超出word如何调整?

网上很多方法是用“选择性粘贴----excel表格对象”&#xff0c;这个适用表格行数少的&#xff0c;不超过一页word的。 步骤 复制到word里后&#xff0c;选中表格&#xff0c;右键---自动调整--选择具体的调整方式。 调整后效果

sql 查询上个月的数据_数据分析-SQL 进阶篇 多表查询

知识点一、表的加法Union&#xff1a;删除表中的重复值union al&#xff1a;包含表中所有内容&#xff0c;包括重复值二、表的联结联结&#xff1a;join联结分为以下五种&#xff1a;交叉联结&#xff08;cross join&#xff09;又称为笛卡尔积&#xff1a;将表中的每一行与另外…

jenkins部署三种构建方式的详细步骤

部署背景&#xff1a;jenkins&#xff1a; CentOS 7.4C IP&#xff1a;172.16.3.74gitlab-11.5.3&#xff1a; CentOS 7.4D IP&#xff1a;172.16.4.74此上部署都是根据我之前的博客配置完成的&#xff1b;jenkins有三种构建方…

从业回忆,一次大胆的冒险,程序员转岗项目经理

有些事不必知道得太早 程序员这个行业,被“中年危机”言论导向后,就和洗脚城女技师差不多,年轻,漂亮,技术好,体力好的技师收入高,一边拿着高薪,赚着外快,一边吐槽是青春饭,经常熬夜,干不长久。 2010年之前,网上宣传程序员是青春饭,程序员中年危机的文章很少。近几…

word转freemarker和修改的步骤

第一步 编写好word&#xff0c;用freemarker语法替换内容 第二步 word另存为 word xml 第三步 修改后缀名为&#xff1a;.ftl 第四步 notepad XML插件美化显示&#xff0c;插件安装教程&#xff1a;Notepad 7.6以上版本安装XML Tools插件_lingquan0809的博客-CSDN博客Note…

逐行粒度的vuex源码分析

vuex源码分析 了解vuex 什么是vuex vuex是一个为vue进行统一状态管理的状态管理器&#xff0c;主要分为state, getters, mutations, actions几个部分&#xff0c;vue组件基于state进行渲染&#xff0c;当state发生变化时触发组件的重新渲染&#xff0c;并利用了vue的响应式原理…