Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在typescript中将类类型的对象从一个文件导入到另一个文件_Javascript_Typescript - Fatal编程技术网

Javascript 在typescript中将类类型的对象从一个文件导入到另一个文件

Javascript 在typescript中将类类型的对象从一个文件导入到另一个文件,javascript,typescript,Javascript,Typescript,我在exampleA.ts文件中有以下对象: 然后,在exampleB.ts文件中,我导入了一个包含类类型的数组,并按如下方式使用它: import { dynamicImportations } from 'exampleA.ts'; const exampleClass = new dynamicImportations.ExampleClass(); 更改dynamicmportations对象从'exampleA.ts'导入{dynamicmportations}的方式;我可以更改这行

我在exampleA.ts文件中有以下对象:

然后,在exampleB.ts文件中,我导入了一个包含类类型的数组,并按如下方式使用它:

import { dynamicImportations } from 'exampleA.ts';
const exampleClass = new dynamicImportations.ExampleClass();
更改dynamicmportations对象从'exampleA.ts'导入{dynamicmportations}的方式;我可以更改这行代码吗?const exampleClass=new dynamicImportations.exampleClass;此常量exampleClass=新exampleClass

虽然import(特别是命名为import的import)表面上类似于解构赋值,但它不是解构赋值。它没有destructuring assignment的所有功能,至少做了一件destructuring assignment可以做的事情,但重命名方式不同,并且具有默认导入和导入destructuring assignment不具备的模块命名空间对象等功能。只是不同而已。:-因此,无法通过import语句直接导入dynamicImportations.ExampleClass。您必须导入dynamicImportations,然后从中获取属性

所以你可以

保留你所拥有的

事后使用解构:

import { dynamicImportations } from 'exampleA.ts';
const { ExampleClass } = dynamicImportations;
const exampleClass = new ExampleClass();
导入模块名称空间对象,然后对其进行分解;但这不比2强多少

我不建议这样做,但如果您的环境中有第3阶段的提案,那么使用dynamic import进行导入时,可以使用单个总体声明执行第3阶段:

const {dynamicImportations: { ExampleClass }} = await import("exampleA.ts");
const exampleClass = new ExampleClass();
但重要的是要理解,这只是一种动态形式:

const * as temp from "exampleA.ts";
const {dynamicImportations: { ExampleClass }} = temp;
const exampleClass = new ExampleClass();

了解动态导入可能会使绑定器或JavaScript引擎本身更难或不可能对代码进行树震动,这一点也很重要。

不使用一个导入行;它不支持所有的解构语法,只允许访问命名的导出。
const * as temp from "exampleA.ts";
const {dynamicImportations: { ExampleClass }} = temp;
const exampleClass = new ExampleClass();