大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍JavaScript中如何使用import语句,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
创新互联服务项目包括灞桥网站建设、灞桥网站制作、灞桥网页制作以及灞桥网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,灞桥网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到灞桥省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
JavaScript中有import语句。import语句用于将某个模块中导出的函数或对象、初始值导入到另一个模块中;语法“import {模块名称} from "需要导入模块的路径名"”。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
import 语句用于导入由另一个模块导出的绑定。无论是否声明了 strict mode,导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。
import defaultExport from “module-name”; import * as name from “module-name”; import { export } from “module-name”; import { export as alias } from “module-name”; import { export1 , export2 } from “module-name”; import { export1, export2 as alias2 , [...] } from “module-name”; import defaultExport, { export [ , [...] ] } from “module-name”; import defaultExport, * as name from “module-name”; import “module-name”;
将引用模块默认导出的名称。
要导入的模块。这通常是包含模块的 .js 文件的相对或绝对路径名,可以不包括 .js 扩展名。某些打包工具可以允许或要求使用该扩展;检查你的运行环境,只允许单引号和双引号的字符串。
引用时将用作一种命名空间的模块对象的名称。
要导入的导出名称
将引用指定的导入的名称。
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 { reallyReallyReallyLongModuleExportName as shortName } from “/modules/my-module.js”;
使用别名导入模块的多个导出。
import { reallyReallyReallyLongModuleMemberName as shortName, anotherLongModuleName as short } form “/modules/my-module.js”;
模块仅为副作用(中性词、无贬义含义)而导入,而不是导入模块中的任何内容,这将运行模块中的全局代码,但实际上不导入任何值。
import “/modules/my-module.js”
在 default-export (无论是对象、函数、类等)有效时可用。然后可以使用 import 语句来导入这样的默认值。
最简单的用法是直接导入默认值:
import myDefault from “/modules/my-module.js”;
也可以同时将 default 语法与上述用法(命名空间导入和命名导入)一起使用。在这种情况下,default 导入必须首先声明。
import myDefault, * as myModule from “/modules/my-module.js”;
或者
import myDefault, { foo, bar } from “/modules/my-module.js”;
从辅助模块导入以协助处理 AJAX DSON 请求。
function getJSON(url, callback){ let xhr = new XMLHttpRequest(); xhr.onload = function () { callback(this.responseText) }; xhr.open(‘GET’, url, true); xhr.send(); } export function getUserFulContents(url, callback){ getJSON(url, data => callback(JSON.parse(data))); }
import { getUserFulContents } from “/modules/file.js”; getUserFulContents(‘http://www.example.com”, data => { doSomethingUseful(data); } )
以上是“JavaScript中如何使用import语句”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!