根据提供的文件信息，我们可以归纳出一系列与ES6相关的前端面试知识点。这些知识点主要涉及变量声明、作用域、常量定义及使用等方面。接下来，我们将详细解释这些知识点。
### 变量声明与作用域
#### 1. `var` 与 `let` 的区别
- **重新声明**：
- 使用 `var` 声明的变量可以在同一作用域内被重复声明。
- 使用 `let` 声明的变量在同一作用域内不能被重复声明。
示例代码：
```javascript
var a = 10;
console.log(window.a); // 输出：10
console.log(a); // 输出：10
var a = 20;
```
- **变量提升**（Hoisting）：
- 使用 `var` 声明的变量会被提升至当前作用域的顶部，但在函数外部使用 `var` 时，它实际上会被提升到全局作用域。
- 使用 `let` 声明的变量不会被提升，只能在声明后才能被访问。
示例代码：
```javascript
// var 的变量提升
console.log(a); // 输出：undefined
var a = 10;
// let 的变量提升
console.log(b); // 报错：Cannot access 'b' before initialization
let b = 10;
```
- **块级作用域**：
- `var` 没有块级作用域的概念，在块级作用域中声明的变量仍然可以被外部访问。
- `let` 支持块级作用域，在块级作用域中声明的变量只能在该块内部访问。
示例代码：
```javascript
{
let a = 20;
}
console.log(a); // 报错：ReferenceError: a is not defined.
```
#### 2. `const` 的使用
- **不可变性**：
- 使用 `const` 声明的变量值是不可改变的。
- 对于对象或数组类型，虽然变量引用本身不可改变，但对象或数组内的内容是可以修改的。
示例代码：
```javascript
const a = 1;
a = 2; // 报错：TypeError: Assignment to constant variable.
const obj = {};
obj.prop = 'value';
console.log(obj.prop); // 输出：value
```
- **必须初始化**：
- 使用 `const` 声明的变量必须在声明时进行初始化。
示例代码：
```javascript
const a; // 报错：SyntaxError: Missing initializer in const declaration
```
#### 3. `var`、`let` 与 `const` 的对比
- **作用域差异**：
- `var` 具有函数作用域或全局作用域。
- `let` 和 `const` 具有块级作用域。
- **可变性**：
- `var` 和 `let` 声明的变量值可以改变。
- `const` 声明的变量值不可改变。
- **重复声明**：
- `var` 允许在同一作用域内重复声明。
- `let` 和 `const` 不允许在同一作用域内重复声明。
### 实战应用
为了更好地理解这些概念，我们来看几个实际的例子：
- **示例1**：比较 `var` 与 `let` 在函数调用中的表现。
```javascript
function change() {
let a = 30;
}
var a = 20;
change();
console.log(a); // 输出：20
```
- **示例2**：使用 `const` 修改对象的属性。
```javascript
const person = { name: 'John' };
person.name = 'Jane';
console.log(person.name); // 输出：Jane
```
通过以上知识点的学习，可以加深对ES6中变量声明和作用域的理解，并能够更加熟练地应用于实际项目中。这不仅有助于编写更高质量的代码，也有助于提高前端开发的效率和性能。
