发表日期： 2021-04-25 09:13:35 浏览次数：102
淮安网站制作【淮安网站优化】淮安建网站、淮安微信公众号运营、淮安网页设计、淮安微信小程序商城
淮安位于江苏省中北部，江淮平原东部。地处长江三角洲地区， [1] 是苏北重要中心城市， [2] 南京都市圈紧密圈层城市，淮河生态经济带首提首推城市 [3] ，坐落于古淮河与京杭大运河交点，处在中国南北分界线“秦岭-淮河”线上，拥有中国第四大淡水湖洪泽湖，是全国文明城市 [4] 、国家历史文化名城、国家卫生城市、国家园林城市、国家环境保护模范城市、国家低碳试点城市、中国优秀旅游城市。为淮扬菜的主要发源地之一，是江淮流域古文化发源地之一。
淮安有2200多年建城史。秦时置县，境内有著名的“青莲岗文化”遗址。曾是漕运枢纽、盐运要冲，驻有漕运总督府、江南河道总督府。历史上与苏州、杭州、扬州并称运河沿线的“四大都市”，曾经淮安“因运而兴、因运而盛” [5] ，有“中国运河之都”的美誉。中国大运河淮安段入选世界遗产名录。淮安地处江苏省长江以北的核心地区，邻江近海，为南下北上的交通要道，区位优势独特。是江苏省的重要交通枢纽，也是长江三角洲北部地区的区域交通枢纽。
淮安人杰地灵，是一代伟人周恩来总理的故乡。 [6] 历史上诞生过大军事家韩信、汉赋大家枚乘、巾帼英雄梁红玉、《西游记》作者吴承恩、民族英雄关天培、《老残游记》作者刘鹗等。 [7]
淮安有著名的红色旅游景区周恩来故里景区、刘老庄八十二烈士陵园、黄花塘新四军军部纪念馆、苏皖边区政府旧址纪念馆等，生态旅游景区古淮河文化生态景区、里运河文化长廊、洪泽湖古堰景区、第一山国家森林公园、清晏园、金湖水上森林公园等。
我们将介绍以下功能。
使用let和const声明变量
模板字面量
解构
展开运算符
箭头函数：=>
类
模块
let替代var声明变量到ES5为止，我们可以在代码中任意位置声明变量，甚至重写已声明的变量，代码如下。
var framework = 'Angular';var framework = 'React';console.log(framework);复制代码
上面代码的输出是React，该值被赋给最后声明的framework变量。这段代码中有两个同名的变量，这是非常危险的，可能会导致错误的输出。
C、Java、C#等其他语言不允许这种行为。ES2015引入了一个let关键字，它是新的var，这意味着我们可以直接把var关键字都替换成let。以下代码就是一个例子。
let language = 'JavaScript!'; // {1}let language = 'Ruby!'; // {2} - 抛出错误console.log(language);复制代码行{2}会抛出错误，因为在同一作用域中已经声明过language变量（行{1}）。后面会讨论let和变量作用域。
你可以访问http://t.cn/EGbEFux，测试和执行上面的代码。
ES2015还引入了const关键字。它的行为和let关键字一样，唯一的区别在于，用const定义的变量是只读的，也就是常量。
举例来说，考虑如下代码：
const PI = 3.141593;PI = 3.0; // 抛出错误console.log(PI);复制代码
当我们试图把一个新的值赋给PI，甚至只是用var PI或let PI重新声明时，代码就会抛出错误，告诉我们PI是只读的。
下面来看const的另一个例子。我们将使用const来声明一个对象。
constjsFramework = {
name: 'Angular'};复制代码尝试改变jsFramework变量的name属性。
jsFramework.name = 'React';复制代码
如果试着执行这段代码，它会正常工作。但是const声明的变量是只读的！为什么这里可以执行上面的代码呢？对于非对象类型的变量，比如数、布尔值甚至字符串，我们不可以改变变量的值。当遇到对象时，只读的const允许我们修改或重新赋值对象的属性，但变量本身的引用（内存中的引用地址）不可以修改，也就是不能对这个变量重新赋值。
如果像下面这样尝试给jsFramework变量重新赋值，编译器会抛出异常（"jsFramework" is read-only）。
// 错误，不能重新指定对象的引用jsFramework = {
name: 'Vue'};复制代码
let和const的变量作用域
我们通过下面这个例子（http://sina.lt/fQNW）来理解let或const关键字声明的变量如何工作。
let movie = 'Lord of the Rings'; // {1}//var movie = 'Batman v Superman'; // 抛出错误，movie变量已声明function starWarsFan() {
const movie = 'Star Wars'; // {2}
return movie;}function marvelFan() {
movie = 'The Avengers'; // {3}
return movie;}function blizzardFan() {
const isFan = true;
let phrase = 'Warcraft'; // {4}
console.log('Before if: ' + phrase);
if (isFan) {
let phrase = 'initial text'; // {5}
phrase = 'For the Horde!'; // {6}
console.log('Inside if: ' + phrase);
}
phrase = 'For the Alliance!'; // {7}
console.log('After if: ' + phrase);}console.log(movie); // {8}console.log(starWarsFan()); // {9}console.log(marvelFan()); // {10}console.log(movie); // {11}blizzardFan(); // {12}复制代码以上代码的输出如下。
Lord of the RingsStar WarsThe AvengersThe AvengersBefore if: WarcraftInside if: For the Horde!After if: For the Alliance!复制代码
现在，我们来讨论得到这些输出的原因。
我们在行{1}声明了一个movie变量并赋值为Lord of the Rings，然后在行{8}输出它的值。你在本章已经学过，这个变量拥有全局作用域。
我们在行{9}执行了starWarsFan函数。在这个函数里，我们也声明了一个movie变量（行{2}）。这个函数的输出是Star Wars，因为行{2}的变量拥有局部作用域，也就是说它只在函数内部可见。
我们在行{10}执行了marvelFan函数。在这个函数里，我们改变了movie变量的值（行{3}）。这个变量是行{1}声明的全局变量。因此，行{11}的全局变量输出和行{10}的输出相同，都是The Avengers。
最后，我们在行{12}执行了blizzardFan函数。在这个函数里，我们声明了一个拥有函数内作用域的phrase变量（行{4}）。然后，又声明了一个phrase变量（行{5}），但这个变量的作用域只在if语句内。
我们在行{6}改变了phrase的值。由于还在if语句内，值发生改变的是在行{5}声明的变量。
然后，我们在行{7}再次改变了phrase的值，但由于不是在if语句内，行{4}声明的变量的值改变了。
作用域的行为与在Java或C等其他编程语言中一样。然而，这是ES2015（ES6）才引入到JavaScript的。
注意，在本节展示的代码中，我们混用了
let和const。应该使用哪一个呢？有些开发者（和一些检查工具）倾向于在变量的引用不会改变时使用const。但是，这是个人喜好问题，没有哪个是错的！
