update: let、const

05-JavaScript之ES6语法/01-ES6的介绍和环境配置.md

@@ -20,7 +20,7 @@ PS：简单来说，ECMAScript 是 JS 的语言标准；但严格来说，ECMASc
 
 -   2011 年：发布 ECMAScript5.1，成为 ISO 国际标准，从而推动所有浏览器都支持。
 
--   2015 年 6 月：发布 ECMAScript 6（简称 ES6），即 ECMAScript 2015。（注意，**前者是按版本号区分，后者是按年份区分**。ES 后续的版本号，请尽量用**年份**来命名。）
+-   2015 年 6 月：发布 ECMAScript 6（简称 ES6），即 ECMAScript 2015。（注意，**前者是按版本号区分，后者是按年份区分**。ES 的后续的版本，请尽量用**年份**来命名。）
 
 -   2016 年 6 月：发布 ECMAScript 7，即 ECMAScript 2016。
 
@@ -34,9 +34,7 @@ PS：简单来说，ECMAScript 是 JS 的语言标准；但严格来说，ECMASc
 
 -   ......
 
-
-- 此后，每年更新一版。
-
+*   此后，每年更新一版。
 
 ### ES6 简介
 
@@ -46,7 +44,13 @@ ES6 是新的 JS 语法标准。**ES6 实际上是一个泛指，泛指 ES 2015
 
 很多人在做业务选型的时候，会倾向于选 jQuery。其实 jQuery 的语法是偏向于 ES3 的。而现在主流的框架 Vue.js 和 React.js 的默认语法，都是用的 ES6。
 
-ES6 中增加了很多功能上的不足。比如：**常量、作用域、对象代理、异步处理、类、继承**等。这些在 ES5 中想实现，比较复杂，但是 ES6 对它们进行了封装。
+ES6 的改进如下：
+
+-   ES6 之前的变量提升，会导致程序在运行时有一些不可预测性。而 ES6 中通过 let、const 变量优化了这一点。
+
+-   ES6 增加了很多功能，比如：**常量、作用域、对象代理、异步处理、类、继承**等。这些在 ES5 中想实现，比较复杂，但是 ES6 对它们进行了封装。
+
+-   ES6 之前的语法过于松散，实现相同的功能，不同的人可能会写出不同的代码。
 
 ES6 的目标是：让 JS 语言可以编写复杂的大型应用程序，成为企业级开发语言。
 
@@ -54,7 +58,7 @@ ES6 的目标是：让 JS 语言可以编写复杂的大型应用程序，成为
 
 掌握 ES6 之后，如果要考虑 ES5 的兼容性，可以这样做：写 ES6 语法的 js 代码，然后通过 `Babel`将 ES6 转换为 ES5。
 
-babel 的作用是将 ES6 语法转为 ES5语法，支持低端浏览器。
+babel 的作用是将 ES6 语法转为 ES5 语法，支持低端浏览器。
 
 但是，在这之前，我们需要配置一下相关的环境。
 

05-JavaScript之ES6语法/04-ES6：变量 let、const 和块级作用域.md

@@ -1,14 +1,14 @@
 ## ES6 的变量声明
 
-ES6 中新增了 let 和 const 来定义变量：
+ES5 中，使用 `var` 定义**全局变量**（ var 是 variable 的简写）。
 
--   `var`：ES5 和 ES6 中，定义**全局变量**（是 variable 的简写）。
+ES6 中，新增了 let 和 const 来定义变量：
 
 -   `let`：定义**局部变量**，替代 var。
 
 -   `const`：定义**常量**（定义后，不可修改）。
 
-### var：全局变量
+### 1、var：定义全局变量
 
 看下面的代码：
 
@@ -22,6 +22,8 @@ console.log(a); //这里的 a，指的是 区块 里的 a
 
 上方代码是可以输出结果的，输出结果为 1。因为 var 是全局声明的，所以，即使是在区块里声明，但仍然在全局起作用。
 
+也就是说：**使用 var 声明的变量不具备块级作用域特性**。
+
 再来看下面这段代码：
 
 ```javascript
@@ -37,9 +39,9 @@ console.log(a); //这里的 a，指的是 区块 里的 a
 
 **总结：**
 
-用 var 定义的全部变量，有时候会污染整个 js 的作用域。
+用 var 定义的全部变量，有时候会污染整个 js 的作用域。我们在如今的实战中，基本都是用的 ES6 语法，所以请**尽量避免**使用 var 定义变量。
 
-### let：定义局部变量
+### 2、let：定义局部变量
 
 举例 1：
 
@@ -63,9 +65,9 @@ var a = 2;
 console.log(a); // 打印结果：2
 ```
 
-通过上面两个例子可以看出，用 let 声明的变量，只在局部（块级作用域内）起作用。
+通过上面两个例子可以看出，**用 let 声明的变量，只在局部（块级作用域内）起作用**。
 
-let 是防止数据污染，我们来看下面这个 **for 循环**的例子，很经典。
+let 可以防止数据污染，我们来看下面这个 **for 循环**的经典面试题。
 
 1、用 var 声明变量：
 
@@ -77,7 +79,7 @@ for (var i = 0; i < 10; i++) {
 console.log('循环体外:' + i);
 ```
 
-上方代码可以正常打印结果，且最后一行的打印结果是 10。说明循环体外定义的变量 i，是在全局起作用的。
+上方代码可以正常打印结果，且最后一行的打印结果是 10。说明**循环体外**定义的变量 i，是在全局起作用的。
 
 2、用 let 声明变量：
 
@@ -95,7 +97,7 @@ console.log('循环体外:' + i);
 
 为了进一步说明 let 不会带来污染，需要说明的是：当我们定义了`let a = 1`时，如果我们在同一个作用域内继续定义`let a = 2`，是会报错的。
 
-### const：定义常量
+### 3、const：定义常量
 
 在程序开发中，有些变量是希望声明后，在业务层就不再发生变化，此时可以用 const 来定义。
 
@@ -105,21 +107,31 @@ console.log('循环体外:' + i);
 const name = 'smyhvae'; //定义常量
 ```
 
-用 let/const 声明的变量，只在局部（块级作用域内）起作用。
+用 const 声明的变量，只在局部（块级作用域内）起作用。而且，用 const 声明常量时，必须赋值，否则报错。
 
-### let 和 const 的作用【重要】
+### let 和 const 的特点【重要】
 
-let 和 const 的作用如下：
+-   不存在变量提升
 
 -   禁止重复声明
 
 -   支持块级作用域
 
--   控制修改
 
-相反， 用`var`声明的变量：可以重复声明、**没有块级作用域**、不能限制。
+相反， 用`var`声明的变量：存在变量提升、可以重复声明、**没有块级作用域**。
 
-### for 循环举例【经典案例】
+
+### var/let/const 的共同点
+
+-   全局作用域中定义的变量，可以在函数中使用。
+
+-   函数中声明的变量，只能在函数及其子函数中使用，外部无法使用。
+
+### 总结
+
+关于 let、const、var 更详细的介绍和区别，可以看本项目的另一篇文章《JavaScript 进阶/var、let、const 的区别.md》。
+
+## for 循环举例（经典案例）
 
 **代码 1**、我们先来看看如下代码：（用 var 定义变量 i）
 
@@ -157,7 +169,7 @@ let 和 const 的作用如下：
 
 你可能会感到诧异，为何点击任何一个按钮，弹出的内容都是 4 呢？这是因为，我们用 var 定义的变量 i，是在全局作用域声明的。整个代码中，自始至终只有一个变量。
 
-for 循环是同步代码，而  onclick 点击事件是异步代码。当我们还没点击按钮之前，同步代码已经执行完了，变量 i 已经循环到 4 了。
+for 循环是同步代码，而 onclick 点击事件是异步代码。当我们还没点击按钮之前，同步代码已经执行完了，变量 i 已经循环到 4 了。
 
 也就是说，上面的 for 循环，相当于如下代码：
 
@@ -220,6 +232,8 @@ i++; // 到这里，i 的值已经是4了。因此，当我们点击按钮时，
 
 上面这个运行结果，才是我们预期的效果。我们用 let 定义变量 i，在循环的过程中，每执行一次循环体，就会诞生一个新的 i。循环体执行 4 次，就会有四个 i。
 
+## 块级作用域
+
 ## 暂时性死区 DTC
 
 ES6 规定：使用 let/const 声明的变量，会使区块形成封闭的作用域。若在声明之前使用变量，就会报错。
@@ -241,22 +255,6 @@ function foo() {
 foo(); // 执行函数后，控制台报错：Uncaught ReferenceError: Cannot access 'name' before initialization
 ```
 
-## 块级作用域
-
-### var/let/const 的共同点
-
-var/let/const 的共同点是：
-
-（1）全局作用域中定义的变量，可以在函数中使用。
-
-（2）函数中声明的变量，只能在函数及其子函数中使用，外部无法使用。
-
-至于 var/let/const 的区别，我们继续往下看。
-
-###  var/let/const 的qubie
-
-使用 var 声明的变量存在于最近的函数或全局作用域中，**没有块级作用域的机制**。没有块作用域很容易造成全局污染。
-
 ## 参考链接：
 
 -   [阮一峰 | ECMAScript 6 入门](http://es6.ruanyifeng.com/)

06-JavaScript进阶/01-var、let、const的区别.md

@@ -66,7 +66,7 @@ console.log(c); // 报错：Uncaught ReferenceError: c is not defined ==> 找不
 
 报错是因为找不到 b 和 c 这两个变量。
 
-### 4、同一作用域下，var 可以声明同名变量，let 和 const 不能声明同名变量
+### 4、同一作用域下，var 可以重复声明变量，let 和 const 不能重复声明变量
 
 ```js
 var a = '我是a';
@@ -86,6 +86,9 @@ const c = 'qianguyihao';
 console.log(c); //报错：Uncaught SyntaxError: Identifier 'c' has already been declared  ==> 变量 c 已经被声明了
 ```
 
+备注：通过第3、第4点可以看出：使用 let/const 声明的变量，不会造成全局污染。
+
+
 
 ### 5、let 和 const 的暂时性死区（DTC）