美文网首页
学习TypeScript 模块

学习TypeScript 模块

作者: 薥劃 | 来源:发表于2021-06-15 08:20 被阅读0次

模块是在其自身的作用域里执行,并不是在全局作用域,定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地使用 export 导出它们。

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

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

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

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

相关文章

  • 学习TypeScript 模块

    模块是在其自身的作用域里执行,并不是在全局作用域,定义在模块里面的变量、函数和类等在模块外部是不可见的,除非明确地...

  • TypeScript基础入门之模块解析(三)

    转发 ## TypeScript基础入门之模块解析(三) 继续上文[TypeScript基础入门之模块解析(二)]...

  • TypeScript模块

    一个ts文件相当于一个作用域,它里面的函数、变量、类和接口对其他文件不可见。除非使用export导出它们,而要调用...

  • Typescript学习概要

    大致印象 TypeScript 增加了静态类型、类、模块、接口和类型注解. TypeScript 可用于开发大型的...

  • Typescript

    TypeScript(TS)部分 TypeScript学习笔记

  • TypeScript基础入门之模块解析(二)

    转发 ## TypeScript基础入门之模块解析(二) 模块解析 Base URL 使用baseUrl是使用AM...

  • webpack搭建和使用

    webpack路线 webpack的意义 模块化的思想(模块打包器) scss、less、typescript的预...

  • TypeSctipt语法和类型基础

    TypeScript基础语法 TypeScript程序由以下部分组成: 模块 函数 变量 语句和表达式 注释 ts...

  • TypeScript基础入门之模块(二)

    转载 # TypeScript基础入门之模块(二) 生成模块代码 根据编译期间指定的模块目标,编译器将为Node....

  • typescript 模块引用错误

    typescript 模块引用错误,配置 ts ,添加 esModuleInterop 与 allowSynthe...

网友评论

      本文标题:学习TypeScript 模块

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