千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip

ES6（ECMAScript 2015）引入了一些新的变量声明方式，使得在JavaScript中声明和使用变量更加灵活和方便。以下是ES6中常见的变量声明方式：

1. `let`：

  - `let` 声明的变量是块级作用域，只在声明它的代码块中有效。

  - 变量可以被重新赋值，但不能重复声明。

  ```javascript

  let age = 30;

  if (true) {

   let age = 40;

   console.log(age); // Output: 40

  }

  console.log(age); // Output: 30

  ```

2. `const`：

  - `const` 声明的变量也是块级作用域，一旦被赋值后就不能再修改。

  - 常量声明时必须初始化。

  ```javascript

  const PI = 3.14;

  // PI = 3.14159; // 错误，常量不可重新赋值

  ```

3. `var`（旧的声明方式）：

  - `var` 声明的变量是函数作用域或全局作用域，没有块级作用域。

  - 可以重复声明同一个变量，而不会报错。

  - 在块级作用域内声明的变量会被提升到块级作用域外部。

  ```javascript

  var x = 10;

  if (true) {

   var x = 20;

   console.log(x); // Output: 20

  }

  console.log(x); // Output: 20

  ```

4. `import` 和 `export`（模块化）：

  - `import` 和 `export` 关键字用于实现模块化，允许将代码分割为多个文件，并在需要的地方导入和导出功能。

  - 这样可以更好地组织代码，并提高可维护性和重用性。

  ```javascript

  // math.js 文件

  export const add = (a, b) => a + b;

  export const subtract = (a, b) => a - b;

  // main.js 文件

  import { add, subtract } from './math';

  console.log(add(5, 3)); // Output: 8

  console.log(subtract(10, 3)); // Output: 7

  ```

使用这些ES6的变量声明方式，能够更好地控制变量的作用域，避免变量的污染和冲突，并提高代码的可读性和可维护性。在开发过程中，推荐优先使用 `const` 和 `let` 来声明变量，尽量避免使用 `var`，并使用模块化来组织代码。