JavaScript中导入有什么用

　　介绍

这篇文章主要介绍JavaScript中导入有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

导入语句用于导入由另一个模块导出的绑定。无论是否声明了严格的模式,导入的模块都运行在严格模式下进口语句不能在嵌入式脚本中使用。

<强>语法

进口defaultExport“模块名称”; 　　进口*的名字从“模块名称”; 　　从“进口出口}{模块名称”; 　　{出口作为别名导入}从“模块名称”; 　　进口{export1 export2},从“模块名称”; 　　进口{export1, export2 alias2, […从“模块名称”)}; 　　进口defaultExport,{出口[[…从“模块名称”]]}; 　　进口defaultExport, *的名字从“模块名称”; 　　导入“模块名称”;

<强> defaultExport

将引用模块默认导出的名称。

<强>模块名称

要导入的模块。这通常是包含模块的js文件的相对或绝对路径名,可以不包括. js扩展名。某些打包工具可以允许或要求使用该扩展;检查你的运行环境,只允许单引号和双引号的字符串。

<>强名称

引用时将用作一种命名空间的模块对象的名称。

<强>出口,exportN

要导入的导出名称

<强>别名,aliasN

将引用指定的导入的名称。

<强>描述

名称参数是“模块对象”的名称,它将用一种名称空间来引用导出。导出参数指定单个命名导出,而*作为名称导入语法导入所有导出。

<>强导入整个模块的内容

这将myModule里插入当前作用域,其中包含来自位于/模块/我的模块。js文件导出的所有模块。

进口* myModule里从“/模块/my-module.js”;

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

myModule.doAllTheAmazingThings ();

<>强导入单个导出

给定一个名为myExport的对象或值,它已经从模块我的模块导出(因为整个模块被导出)或显式导出(使用出口语句),将myExport插入到当前作用域。

进口{myExport}/模块/my-module.js,

导入多个导出

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

进口{foo, bar}/模块/my-module.js,

导入带有别名的导出

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

进口{reallyReallyReallyLongModuleExportName shortName}从“/模块/my-module.js”;

导入时重命名多个导出

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

进口{ 　　reallyReallyReallyLongModuleMemberName短, 　　anotherLongModuleName短 　　}形式“/模块/my-module.js”;

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

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

进口“/模块/我的模块。js "

导入默认值

在default-export(无论是对象,函数、类等)有效时可用。然后可以使用导入语句来导入这样的默认值。
最简单的用法是直接导入默认值:

从“进口myDefault/模块/my-module.js”;

也可以同时将默认语法与上述用法(命名空间导入和命名导入)一起使用。在这种情况下,默认导入必须首先声明。

进口myDefault * myModule里从“/模块/my-module.js”;

或者

进口myDefault, {foo, bar}从“/模块/my-module.js”;

<强>示例

从辅助模块导入以协助处理AJAX DSON请求。

<强>模块:文件。js

getJSON函数(回调url) { 　　让xhr=new XMLHttpRequest (); 　　xhr。onload=function () { 　　回调(this.responseText) 　　}; 　　xhr。打开(‘得到’,url,真的); 　　xhr.send (); 　　} 　　导出功能getUserFulContents(回调url) { 　　getJSON (url=https://www.yisu.com/zixun/>数据回调(JSON.parse(数据))); 　　}

<>强主程序:主要。js

进口{getUserFulContents}“/模块/file.js”; 　　getUserFulContents (“http://www.example.com”, 　　data=https://www.yisu.com/zixun/> {doSomethingUseful(数据);})

以上是“JavaScript中导入有什么用”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

JavaScript中导入有什么用