ES6新特性：let、const与箭头函数解析

"这份PDF资料主要讲解了JavaScript中的ES6语法，特别强调了与ES5的区别，主要包括let和const关键字的使用，以及箭头函数的特性。内容涵盖变量声明的改变，作用域规则，以及箭头函数的声明和应用。" 在JavaScript中，ES6引入了两个新的变量声明关键字——`let`和`const`，它们为变量声明带来了新的规则和特点。与传统的`var`关键字相比，`let`和`const`有以下不同之处： 1. **不允许重复声明**：使用`let`和`const`声明的变量不允许在同一作用域内再次声明，否则会引发错误。这不同于`var`，`var`可以在同一作用域内多次声明，后面的声明会覆盖前面的。 2. **没有变量提升（Hoisting）**：`let`和`const`声明的变量不会被提升到作用域的顶部，这意味着在声明之前访问这些变量会导致`ReferenceError`。这种现象称为“暂时性死区”（Temporal Dead Zone, TDZ）。 3. **块级作用域**：`let`和`const`声明的变量仅在其所在的代码块内有效，而`var`声明的变量在函数范围内有效。这意味着`let`和`const`在`if`、`while`、`for`等代码块内声明的变量不会影响到外部的作用域。 对于`let`和`const`的区别，关键在于`const`是常量，一旦声明并赋值，就不能再次赋值。尝试修改`const`变量的值会导致错误。而`let`则可以重新赋值。 接下来，资料还涉及了箭头函数，这是ES6中一个重要的语法糖，它提供了简洁的函数定义方式。箭头函数有以下几个要点： - **简写形式**：箭头函数可以用于简化函数表达式的书写，但不能用于声明式函数。例如，`const add = (a, b) => a + b;`是一个箭头函数，而`const add = function(a, b) {};`不是。 - **函数体**：如果箭头函数只有一个参数，括号可以省略；如果函数体只有一行语句，花括号也可以省略。例如，`(x) => x * x`和`(x, y) => { return x + y; }`都是合法的箭头函数。 - **`this`指向**：箭头函数不绑定自己的`this`值，它会从外层作用域继承`this`，这与普通函数的行为不同，后者在非严格模式下`this`通常指向调用者。 通过这些新特性，ES6极大地提高了JavaScript的可读性和编写效率，同时降低了某些类型错误的出现概率。理解并熟练运用`let`、`const`和箭头函数，是现代JavaScript开发者的必备技能。