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; meta  charset=皍tf-8",/比;   ,,,& lt; meta  name=皏iewport",内容=翱矶?设备宽度,初始=1.0“,/比;      ,,,& lt; title> JavaScript  Modules   & lt;才能/head>      & lt;才能body>   ,,,& lt; h2> Answers   ,,,& lt; h3> & lt; strong  id=皒"祝辞& lt;/strong>,以及& lt; strong  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>      ,,,& lt; https://www.yisu.com/zixun/script  src=" functions.js ">