淮安网站制作【淮安网站优化】淮安建网站、淮安微信公众号运营、淮安网页设计、淮安微信小程序商城

淮安网站制作【淮安网站优化】淮安建网站、淮安微信公众号运营、淮安网页设计、淮安微信小程序商城

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

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

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

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

我们将介绍以下功能。

• 使用let和const声明变量

• 模板字面量

• 解构

• 展开运算符

• 箭头函数：=>

• 类

• 模块

2.2.1　用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'};复制代码

　你可以访问http://t.cn/EGbnYXG执行上面的例子。

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。但是，这是个人喜好问题，没有哪个是错的！

淮安网站制作【淮安网站优化】淮安建网站、淮安微信公众号运营、淮安网页设计、淮安微信小程序商城