import 的用法

描述节

name参数是“模块对象”的名称，它将用一种名称空间来引用导出。导出参数指定单个命名导出，而import * as name语法导入所有导出。以下示例阐明该语法。

导入整个模块的内容节

这将myModule插入当前作用域，其中包含来自位于/modules/my-module.js文件中导出的所有模块。

import * as myModule from '/modules/my-module.js';

在这里，访问导出意味着使用模块名称（在这种情况下为“myModule”）作为命名空间。例如，如果上面导入的模块包含一个doAllTheAmazingThings()，你可以这样调用：

myModule.doAllTheAmazingThings();

导入单个导出节

给定一个名为myExport的对象或值，它已经从模块my-module导出（因为整个模块被导出）或显式地导出（使用export语句），将myExport插入当前作用域。

import {myExport} from '/modules/my-module.js';

导入多个导出节

这将foo和bar插入当前作用域。

import {foo, bar} from '/modules/my-module.js';

导入带有别名的导出节

导入时可以重命名导出。例如，将shortName插入当前作用域。

import {reallyReallyLongModuleExportName as shortName}

  from '/modules/my-module.js';

导入时重命名多个导出节

使用别名导入模块的多个导出。

import {

  reallyReallyLongModuleMemberName as shortName, 

  anotherLongModuleName as short

} from "my-module";

仅为副作用而导入一个模块节

模块仅为副作用（中性词，无贬义含义）而导入，而不导入模块中的任何内容。 这将运行模块中的全局代码, 但实际上不导入任何值。

import '/modules/my-module.js';

导入默认值节

在defaultexport（无论是对象，函数，类等）有效时可用。然后可以使用import语句来导入这样的默认值。

最简单的用法是直接导入默认值：

import myDefault from "my-module";

也可以同时将default语法与上述用法（命名空间导入或命名导入）一起使用。在这种情况下，default导入必须首先声明。 例如：

import myDefault, * as myModule from "my-module";

// myModule used as a namespace

或者

import myDefault, {foo, bar} from "my-module";

// specific, named imports

 

转载于:https://www.cnblogs.com/muzhang/articles/10000795.html