淮安网站优化【淮安开通400电话】淮安网站搭建、淮安微信公众号推文外包、淮安开通京东拼多多设计、淮安淘宝装修

淮安网站优化【淮安开通400电话】淮安网站搭建、淮安微信公众号推文外包、淮安开通京东拼多多设计、淮安淘宝装修

淮安位于江苏省中北部，江淮平原东部。地处长江三角洲地区， [1]  是苏北重要中心城市， [2]  南京都市圈紧密圈层城市，淮河生态经济带首提首推城市 [3]  ，坐落于古淮河与京杭大运河交点，处在中国南北分界线“秦岭-淮河”线上，拥有中国第四大淡水湖洪泽湖，是全国文明城市 [4]  、国家历史文化名城、国家卫生城市、国家园林城市、国家环境保护模范城市、国家低碳试点城市、中国优秀旅游城市。为淮扬菜的主要发源地之一，是江淮流域古文化发源地之一。

淮安有2200多年建城史。秦时置县，境内有著名的“青莲岗文化”遗址。曾是漕运枢纽、盐运要冲，驻有漕运总督府、江南河道总督府。历史上与苏州、杭州、扬州并称运河沿线的“四大都市”，曾经淮安“因运而兴、因运而盛” [5]  ，有“中国运河之都”的美誉。中国大运河淮安段入选世界遗产名录。淮安地处江苏省长江以北的核心地区，邻江近海，为南下北上的交通要道，区位优势独特。是江苏省的重要交通枢纽，也是长江三角洲北部地区的区域交通枢纽。

淮安人杰地灵，是一代伟人周恩来总理的故乡。 [6]  历史上诞生过大军事家韩信、汉赋大家枚乘、巾帼英雄梁红玉、《西游记》作者吴承恩、民族英雄关天培、《老残游记》作者刘鹗等。 [7] 

淮安有著名的红色旅游景区周恩来故里景区、刘老庄八十二烈士陵园、黄花塘新四军军部纪念馆、苏皖边区政府旧址纪念馆等，生态旅游景区古淮河文化生态景区、里运河文化长廊、洪泽湖古堰景区、第一山国家森林公园、清晏园、金湖水上森林公园等。

在本示例的主文件（17-ES2015-ES6-Modules.js）中，我们会用到在17-CalcArea.js文件中声明的函数。下面的代码片段展示了如何使用这两个函数。

import { circleArea, squareArea } from './17-CalcArea'; // {2}console.log(circleArea(2));console.log(squareArea(2));复制代码

首先，需要在文件中导入要使用的函数（行{2}），之后就可以调用它们了。

如果需要使用circleArea函数，也可以只导入这个函数。

import { circleArea } from './17-CalcArea';复制代码

基本上，模块就是在单个文件中声明的JavaScript代码。我们可以用JavaScript代码直接从其他文件中导入函数、变量和类（不需要像几年前JavsScript还不够流行的时候那样，事先在HTML中按顺序引入若干文件）。模块功能让我们在创建代码库或开发大型项目时能够更好地组织代码。

我们可以像下面这样，在导入成员后对其重命名。

import { circleArea as circle } from './17-CalcArea';复制代码

也可以在导出函数时就对其重命名。

export { circleArea as circle, squareArea as square };复制代码

这种情况下，在导入被导出的成员时，需要使用导出时重新命名的名字，而不是原来内部使用的名字。

import { circle, square } from './17-CalcArea';复制代码

同样，我们也可以使用其他方式在另一个模块中导入函数。

import * as area from './17-CalcArea';console.log(area.circle(2));console.log(area.square(2));复制代码

这种情况下，可以把整个模块当作一个变量来导入，然后像使用类的属性和方法那样调用被导出的成员。

还可以在需要被导出的函数或变量前添加export关键字。这样就不需要在文件末尾写导出声明了。

export const circleArea = r => 3.14 * (r ** 2);export const squareArea = s => s * s;复制代码

假设模块中只有一个成员，而且需要将其导出。可以像下面这样使用export default关键字。

export default class Book {
  constructor(title) {
    this.title = title;
  }
  printTitle() {
    console.log(this.title);
  }}复制代码

可以使用如下代码在另一个模块中导入上面的类。

import Book from './17-Book';const myBook = new Book('some title');myBook.printTitle();复制代码

注意，在这种情况下，我们不需要将类名包含在花括号（{}）中。只在模块有多个成员被导出时使用花括号。

在后面的章节中，我们需要使用模块来创建数据结构和算法库。

　要了解更多有关ES2015模块的信息，请查阅http://exploringjs.com/es6/ch_modules.html。你也可以下载本书的源代码包来查看本示例的完整代码。

1. 在浏览器中使用Node.js运行ES2015模块

   我们尝试像下面这样直接执行node指令来运行17-ES2015-ES6-Modules.js文件。

   cd path-source-bundle/examples/chapter01
   node 17-ES2015-ES6-Modules复制代码

   我们会得到错误信息SyntaxError: Unexpected token import。这是因为在写作本书的时候，Node.js还不支持原生的ES2015模块。Node.js使用的是CommonJS模块的require语法。这表示我们需要转译ES2015代码，使得Node可以理解。有不同的工具可以完成这项任务。简单起见，我们将使用Babel命令行工具。

   　完整的Babel安装和使用细节可以在https://babeljs.io/docs/setup和https://babeljs.io/docs/usage/cli/查阅。

   最好的方式是创建一个本地项目，并在其中进行Babel的配置。遗憾的是，这些细节不在本书的讨论范围之内（这应该是Babel相关图书的主题）。为了使本例保持简单，我们将用npm安装在全局使用的Babel命令行工具。

   npm install -g babel-cli复制代码

   如果你使用的是Linux或Mac OS，可能需要在命令前加上sudo指令来获取管理员权限（sudo npm install -g babel-cli）。

   在chapter01目录中，我们需要用Babel将之前创建的3个JavaScript模块文件转译成CommonJS代码，使得Node.js可以执行它们。我们会用以下命令将转译后的代码放在chapter01/lib目录中。

   babel 17-CalcArea.js --out-dir lib
   babel 17-Book.js --out-dir lib
   babel 17-ES2015-ES6-Modules.js --out-dir lib复制代码

   接下来，创建一个叫作17-ES2015-ES6-Modules-node.js的JavaScript文件，这样就可以在其中使用area函数和Book类了。

淮安网站优化【淮安开通400电话】淮安网站搭建、淮安微信公众号推文外包、淮安开通京东拼多多设计、淮安淘宝装修