JavaScript中模块的导入和导出
简介
早期的 Web 网站主要由 html 和 css 组成。如果有任何 JavaScript 的代码需要在页面中执行，通常是以小的代码片段的形式来提供功能和交互性。结果就是通常 JavaScript 的代码都会被编写在一个文件中，然后通过 script 标签加载到页面中。开发人员可以将 JavaScript 代码拆分成多个 js 文件，但是所有 JavaScript 变量和函数>)都会被添加到全局作用域中。
但是随着 Angular、react 以及 vue 等 Web 框架技术的发展，并且大部分公司都在开发高级 Web 应用而非桌面应用，JavaScript 就变得越来越重要了。将能够复用的代码逻辑封装成公共代码，并且在避免全局命名空间污染的前提下，将其模块化，这一需求就成为了必要。
ECMAScript 2015 规范引入了允许使用 import 和 export 语句的 modules 概念。在本教程中，你将学习什么是 JavaScript 模块以及如何使用 import 和 export 管理代码结构。
模块化编程
在 JavaScript 引入模块化概念之前，当开发人员想要将代码封装时，需要创建多个文件并将这些文件链接为单独的脚本。作者为了说明这一点，创建了一个示例：index.html 文件和两个 JavaScript 文件，functions.js 和script.js。
index.html 文件将显示两个数字的和，差，乘积和商的结果，并在脚本标签中链接到两个 JavaScript 文件。 在文本编辑器中新建 index.html 并添加以下代码：
<!DOCTYPE html>
<html >
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JavaScript Modules</title>
</head>
<body>
<h1>Answers</h1>
<h2><strong ></strong> and <strong ></strong></h2>
<h3>Addition</h3>
<p ></p>
<h3>Subtraction</h3>
<p ></p>
<h3>Multiplication</h3>
<p ></