如何在 JavaScript 和 TypeScript 中导入/导出?

Posted

技术标签:

【中文标题】如何在 JavaScript 和 TypeScript 中导入/导出?【英文标题】:How to import/export in JavaScript and TypeScript? 【发布时间】:2021-12-19 09:08:31 【问题描述】:

我见过两种分别在 javascript 和 TypeScript 中导入模块的方法,我很困惑。

(1) 方法一:导入

const * = require('./runtime');

(1) 方法一:导出

exports.login = function() ;

(2)方法二:导入

import * from './runtime';

(2)方法二:导出

export function login() ;

我可以知道在 JavaScript 中使用哪一个,在 TypeScript 中使用哪一个?

【问题讨论】:

这两种方法都可以在 JavaScript 和 TypeScript 中使用。第一个称为CommonJS,第二个称为ES5 modules。 【参考方案1】:

两者都是正确的,但是前两个较旧并用于 jquery 或较低版本的 javascript 和 require() 和 import() 之间的主要区别之一是 require() 可以从程序内部的任何位置调用,而import() 不能有条件地调用,它总是在文件的开头运行。 也可以参考here

【讨论】:

以上是关于如何在 JavaScript 和 TypeScript 中导入/导出?的主要内容,如果未能解决你的问题,请参考以下文章

VScode搭建TypeScript开发环境

编译为 JavaScript 后 TypeScript 出现问题 - “重复标识符错误”

TypeScript基础教程

TypeScript基础教程

TypeScript基础教程

绝对类型的 log4javascript 缺少模块声明