您身边的网站建设专家
日期： 2022-09-20 15:21:13 浏览数：3
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
淮安小程序制作【淮安企业邮箱】淮安网站外包、淮安微信商城开发、淮安网店美工、淮安淘宝设计
淮安位于江苏省中北部，江淮平原东部。地处长江三角洲地区， [1] 是苏北重要中心城市， [2] 南京都市圈紧密圈层城市，淮河生态经济带首提首推城市 [3] ，坐落于古淮河与京杭大运河交点，处在中国南北分界线“秦岭-淮河”线上，拥有中国第四大淡水湖洪泽湖，是全国文明城市 [4] 、国家历史文化名城、国家卫生城市、国家园林城市、国家环境保护模范城市、国家低碳试点城市、中国优秀旅游城市。为淮扬菜的主要发源地之一，是江淮流域古文化发源地之一。
淮安有2200多年建城史。秦时置县，境内有著名的“青莲岗文化”遗址。曾是漕运枢纽、盐运要冲，驻有漕运总督府、江南河道总督府。历史上与苏州、杭州、扬州并称运河沿线的“四大都市”，曾经淮安“因运而兴、因运而盛” [5] ，有“中国运河之都”的美誉。中国大运河淮安段入选世界遗产名录。淮安地处江苏省长江以北的核心地区，邻江近海，为南下北上的交通要道，区位优势独特。是江苏省的重要交通枢纽，也是长江三角洲北部地区的区域交通枢纽。
淮安人杰地灵，是一代伟人周恩来总理的故乡。 [6] 历史上诞生过大军事家韩信、汉赋大家枚乘、巾帼英雄梁红玉、《西游记》作者吴承恩、民族英雄关天培、《老残游记》作者刘鹗等。 [7]
淮安有著名的红色旅游景区周恩来故里景区、刘老庄八十二烈士陵园、黄花塘新四军军部纪念馆、苏皖边区政府旧址纪念馆等，生态旅游景区古淮河文化生态景区、里运河文化长廊、洪泽湖古堰景区、第一山国家森林公园、清晏园、金湖水上森林公园等。
const area = require('./lib/17-CalcArea');const Book = require('./lib/17-Book');console.log(area.circle(2));console.log(area.square(2));const myBook = new Book('some title');myBook.printTitle();复制代码代码基本是一样的，区别在于Node.js（目前）不支持import语法，需要使用require关键字。
可以使用下面的命令来执行代码。
node 17-ES2015-ES6-Modules-node复制代码
在下图中能看到使用的命令和输出结果，这样就可以确认代码能够用Node.js运行。
在Node.js中使用原生的ES2015导入功能
如果能在Node.js中使用原生的ES2015导入功能，而不用转译的话就更好了。从Node 8.5版本开始，我们可以将ES2015导入作为实验功能来开启。
要演示这个示例，我们将在chapter01中创建一个新的目录，叫作17-ES2015-Modules-node。将17-CalcArea.js、17-Book.js和17-ES2015- ES6-Modules.js文件复制到此目录中，然后将文件的扩展名由js修改为mjs（.mjs是本例成功运行的必要条件）。在17-ES2015-ES6-Modules.mjs文件中更新导入语句，像下面这样添加.mjs扩展名。
import * as area from './17-CalcArea.mjs';import Book from './17-Book.mjs';复制代码
我们将在node命令后添加--experimental-modules来执行代码，如下所示。
cd 17-ES2015-Modules-node node --experimental-modules 17-ES2015-ES6-Modules.mjs复制代码
在下图中，我们可以看到命令和输入结果。
在写作本书的时候，可支持ES2015导入功能的Node.js版本是Node 10 LTS。
更多有关Node.js支持原生ES2015导入功能的信息可以在https://github.com/nodejs/node-eps/blob/master/002-es-modules.md查阅。
在浏览器中运行ES2015模块
要在浏览器中运行ES2015的代码，有几种不同的方式。第一种是生成传统的代码包（即转译成ES5代码的JavaScript文件）。我们可以使用流行的代码打包工具，如Browserify或Webpack。通过这种方法，我们会创建可直接发布的文件（包），并且可以在HTML文件中像引入其他JavaScript代码一样引入它。
<script src="./lib/17-ES2015-ES6-Modules-bundle.js"></script>复制代码
浏览器对ES2015模块的支持最终于2017年初实现了。在写作本书的时候，它还是实验性的功能，并没有得到所有现代浏览器的支持。目前对该功能的支持情况（以及在实验性模式下开启它的方法）可以在http://caniuse.com/#feat=es6-module查阅，如下图所示。
要在浏览器中使用import关键字，首先需要在代码的import语句后加上.js文件扩展名，如下所示。
import * as area from './17-CalcArea.js';import Book from './17-Book.js';复制代码
其次，只需要在script标签中增加type="module"就可以导入我们创建的模块了。
<script type="module" src="17-ES2015-ES6-Modules.js"></script>复制代码
如果执行代码并打开Developer Tools | Network标签页，就会看到我们创建的所有文件都被加载了。
如果要保证不支持该功能的浏览器向后兼容，可以使用nomodule。
<script nomodule src="./lib/17-ES2015-ES6-Modules-bundle.js"></script>复制代码
在大多数现代浏览器都支持该功能之前，我们仍然需要使用打包工具将代码转译至ES2015+。
ES2015+的向后兼容性
需要把现有的JavaScript代码更新到ES2015吗？答案是：只要你愿意就行！ES2015+是JavaScript语言的超集，所有符合ES5规范的特性都可以继续使用。不过，你可以开始使用ES2015+的新语法，让代码变得更加简单易读。
淮安小程序制作【淮安企业邮箱】淮安网站外包、淮安微信商城开发、淮安网店美工、淮安淘宝设计
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
