javascript中的模块,导入和导出是什么意思

  介绍

这篇文章将为大家详细讲解有关javascript中的模块,导入和导出是什么意思,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

在互联网的洪荒时代,网站主要用HTML和CSS开发的。如果将javascript加载到页面中,通常是以小片段的形式提供效果和交互,一般会把所有的javascript代码全都写在一个文件中,并加载到一个脚本<代码> 标签中,尽管可以把javascript拆分为多个文件,但是所有的变量和函数仍然会被添加到全局作用域中。

但是后来javascript在浏览器中发挥着重要的作用,迫切需要使用第三方代码来完成常见任务,并且需要把代码分解为模块化的文件,避免污染全局命名空间。

ECMAScript 2015规范在javascript语言中引入了 模块,也有了进口和出口语句。在本文中,我们一起来学习javascript模块,以及怎样用进口<代码> 和<代码> 出口来组织代码。

模块化编程

在javascript中出现模块的概念之前,当我们想要把自己的代码组织为多个块时,一般会创建多个文件,并且将它们链接为单独的脚本。下面先举例说明,首先创建一个<代码>索引。> 功能。js代码和<代码> script.js>

<代码>索引。> 标签中的两个JavaScript文件。打开<代码>索引。>

<强>索引。html

& lt; !DOCTYPE html>   & lt; html lang=癳n"祝辞   & lt; head>   & lt;元charset=皍tf-8"/比;   & lt;元名称=皏iewport"内容=翱矶?设备宽度,初始=1.0,/比;      & lt; title> JavaScript Modules   & lt;/head>      & lt; body>   & lt; h2> Answers   & lt; h3> & lt;强烈的id=皒"祝辞& lt;/strong>和& lt;强烈的id=皔"祝辞& lt;/strong> & lt;/h3>      & lt; h4> Addition   & lt; p id=癮ddition"祝辞& lt;/p>      & lt; h4> Subtraction   & lt; p id=皊ubtraction"祝辞& lt;/p>      & lt; h4> Multiplication   & lt; p id=癿ultiplication"祝辞& lt;/p>      & lt; h4> pision   & lt; p id=皃ision"祝辞& lt;/p>      https://www.yisu.com/zixun/& lt;脚本src=" functions.js ">