Typescript模块的导入导出与继承

自由软件开发者

于 2022-07-29 15:59:50 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 Nodejs 文章标签： typescript javascript 开发语言

本文链接：https://blog.youkuaiyun.com/fittec/article/details/126057718

ES6 同时被 2 个专栏收录

33 篇文章

订阅专栏

Nodejs

15 篇文章

订阅专栏

本文详细介绍了 TypeScript 的模块系统，包括如何在 ModA.ts、ModB.ts 和 ModTest.ts 中导出和导入变量、函数及别名。示例中展示了不同类型的导出和导入方式，如默认导出、按需导入、别名导出等，对于理解 TypeScript 的模块系统具有指导意义。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ModA.ts

export let x = 8888;
export let print = function (x){console.log(x);};

ModB.ts

export let x = 8888;
export let print = function (x){console.log(x);};

ModTest.ts

export * as B from "./ModB";
export {H,Hello}  from "./ModB.js";
export {Hello as exp}  from "./ModB.js";

导入测试

//导出变量
export let HeadName = 'Nance';
export let MidName = 'Jone';
export let BothDate = '2020-12-20';

let [X,Y,Z]=[0,0,0];
export {X,Y,Z};

//导出函数
export function Add(a,b){return a+b;}

function Multiply(x,y){return x * y;}
export {Multiply};

function a1(a,b){return a+b;}
function b1(a,b){return a-b;};
export {a1,b1};//导出多个函数

//函数别名形式导出
export {a1 as ADD_FUNC ,b1 as DEL_FUNC};

//默认导出,一个模块只能有一个默认导出,不管是类,方法或者是变量
//export default class a{};//默认导出类a后就不能再默认导出函数,或者默认导出变量
//export default function b(){};
let qq=0;
export default qq; //默认导出不能使用 as 别名导出

导出测试

import {HeadName,MidName,BothDate,X,Y,Z,ADD_FUNC,DEL_FUNC,Add} from "./ExportEx";
export {ADD_FUNC,DEL_FUNC,Add as myAdd} from "./ExportEx";//从导入模块直接导出方法
console.log(HeadName,MidName,BothDate);
console.log(X,Y,Z);
console.log(ADD_FUNC(1,2),DEL_FUNC(3,4));
console.log(Add(5,6));